当图像位于窗口顶部时自动滚动页面

Question

好的我有一个堆叠div的页面和使用jquery幻灯片向下滑动的锚点。当堆叠div的底部到达屏幕顶部时，我希望jquery自动滚动到下一个div，可能是1000px以南。  我怎么能在JavaScript中执行此操作？

我的想法是将图像放在div的底部并以某种方式检查屏幕以查看图像是否位于显示器的上半部分，这将调用函数滚动到下一个锚点。

这可能吗？

Answer 1

var wHeight =$(window).height()/2;  
$(window).scroll(function(){   

    var imgOff = $('#two').offset().top-$(window).scrollTop();

    if(imgOff<wHeight){    
        alert('Kill BILL!');    
    }    
});

没有试过这个，但它应该工作 编辑：这个工作在这里尝试 http://jsfiddle.net/BG2Cz/ 附：请注意，一旦你通过中间的话，它就会发出垃圾邮件警告