如何检测用户何时使用jQuery滚动到页面上的某个区域？

Question

可能重复:
如何检测页面滚动到jQuery中的某个点？
滚动后检查元素是否可见

如何检测用户何时到达此div:

<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />

<div id="theTarget">I have been reached</div>

编辑

得到了这个问题的答案:

滚动后检查元素是否可见

所以我这样做了:

function isScrolledIntoView(elem)
{
    var docViewTop = $(window).scrollTop();
    var docViewBottom = docViewTop + $(window).height();
    var elemTop = $(elem).offset().top;
    var elemBottom = elemTop + $(elem).height();
    return ((elemBottom >= docViewTop) && (elemTop <= docViewBottom) && (elemBottom <= docViewBottom) && (elemTop >= docViewTop));
}

$(window).scroll(function() {    
    if(isScrolledIntoView($('#theTarget')))
    {
        alert('visible');
    }    
});

Answer 1

$(document).on('scroll', function() {
    if($(this).scrollTop()>=$('#theTarget').position().top){
        yourActionHere();
    }
})

比较滚动和元素位置.比打电话给你的功能.不需要插件.

Answer 2

我认为你可以通过比较div位置的值来实现你的目标

var divPosition = $("#theTarget").offset().top;

和窗口滚动位置

var scrollPosition = window.scrollY;