javascript - 当我到达页面顶部时，如何启动 JavaScript 或 jQuery 事件？

Question

我有一个简单的问题，但我找不到解决方案......我只想在向上滚动页面并“触摸”它的顶部时启动一个事件（执行一个方法）。我在我的页面中使用 JavaScript 和 jQuery。提前致谢 ！

Answer 1

使用 onscroll 事件。香草js示例：

window.onscroll = function() {
    if(document.body.scrollTop == 0) {
        alert('yay!');
    }
}

http://jsfiddle.net/kuWuf/

Answer 2

您应该为此目的使用滚动事件：

$(window).scroll(function() {
    if ($(this).scrollTop() == 0) {
        //Do whatever you want to do
    }
});

您应该注意的一件事是，当有人连续滚动到顶部时，即使您只希望在顶部被击中时也会触发，为此您可以将事件处理程序定义为一个函数并将最后一个滚动顶部值放入函数局部变量。

$(window).scroll(handleHitTop);

function handleHitTop(event) {
    var currentScrollTopValue = $(this).scrollTop();

    if (handleHitTop.lastTop === undefined) {
        handleHitTop.lastTop = currentScrollTopValue ;

        return;
    }

    if (handleHitTop.lastTop == 0 && currentScrollTopValue == 0) {
        return;
    }

    handleHitTop.lastTop = currentScrollTopValue;

    if (handleHitTop.lastTop == 0) {
        //Call your event here
    }
}

Answer 3

使用.scroll()处理程序和.scrollTop()：

$(window).scroll( function() {
    if($(this).scrollTop() == 0) {
        alert("Top!!!");
    }
});

http://jsfiddle.net/jtbowden/wvJ9r/