如何检测用户何时使用jQuery滚动到页面上的某个区域？ [英] How to detect when the user has scrolled to a certain area on the page using jQuery?

问题描述

可能重复：

如何检测页面滚动到jQuery中的某个点？

检查元素在滚动后是否可见

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

How can I detect when the user has reached this 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>

编辑

从这里得到答案问题：

EDIT

Got the answer from this question:

滚动后检查元素是否可见

所以我只是这样做了：

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');
    }    
});

推荐答案

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

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

Compare the scroll and your element position. Than call your function. No plugin required.

这篇关于如何检测用户何时使用jQuery滚动到页面上的某个区域？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！