jquery - 向用户显示元素时会触发哪个事件？

Question

我有一个包含很多图像的页面。如果用户还没有向下滚动到图像所在的位置，那么让浏览器将它们全部加载是没有意义的。我想将元素绑定img到一个事件处理程序，该处理程序在包含div可见时触发（从某种意义上说，用户已经滚动到足以使元素在视口中）。然后，此处理程序将重写src属性并加载图像。

我要找什么活动？

Answer 1

没有本机 jQuery 事件可以做你想做的事。您需要使用该scroll事件来获取滚动位置、获取可见图像并加载它们。

已经有插件为您执行此操作。也许出现的 jQuery 插件就是你要找的：http ://code.google.com/p/jquery-appear/

这可能是这个问题的重复：让图像在进入浏览器的可见部分时加载？

Answer 2

$(window).scroll(function(){

 // if user has scrolled to 250px 
 if ($(this).scrollTop() > 250){ 
    // load your images,
 } 
})

更好的方法是将 adiv放在底部并使用mouseenter事件来检测用户是否想要更多图片。

$('#the_bottom_div').mouseenter(function(){
   // If user has placed mouse on bottom,load images (like facebook does)
})