jquery:当一个DIV在浏览器窗口中可见时的通知

http://www.jsfiddle.net/Q7T3b/

我想这是个很酷的小练习。
通常我会使用某种方法扩展本机编号对象,比如withinrange(低、高);

但这似乎奏效了…虽然它在任何情况下都无法超越“看起来足够好”;但它很脏。所以不要告诉任何人我做了这件事。

var canvas = $('#other');  
var win = $(window);  

win.bind('scroll', function(){
   var pos = canvas.offset();
   var total = pos.top + canvas.height() + win.height();
   win.top  = win.scrollTop();
   var d = win.height() + win.top;

   if( pos.top < d && !(total < d) ){ 
       console.log("on screen")
   }
});​

当您在诸如“滚动”或“鼠标移动”之类的密集事件上运行功能时,您需要确保在其中运行的内容尽可能灵活。dom查询除了速度快之外,还有很大的开销。我建议避免对此类事件提出疑问。