javascript - 当图像位于窗口顶部时自动翻页

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/ PS被警告一旦你通过中间它会垃圾邮件警报