在页面高度的范围内调用jQuery函数

Call jQuery Function in a range of the page Height

本文关键字：调用 jQuery 函数 范围内 高度      更新时间：2023-09-26

当当前页面高度（滚动条）在指定范围内时，我想启动jQuery函数，例如，从1750px到2750px，启动一个函数，从2751px到3750px，另一个函数。我认为页面高度是在浏览器中的第一个垂直Px中测量的。

很抱歉英语不好，也很抱歉没有很具体。。。

使用scroll处理程序和.scrollTop()注意，这将在每次滚动时调用，因此您需要一些代码来跟踪您所处的范围，并且只有在更改范围时才会触发：

$(function() {
    $(document).on('scroll', function() {
        var top = $(document).scrollTop();
        if (top >= 1750 && top <= 2750) {
            // Do something
        } else if (top >= 2751 && top <= 3750) {
            // Do something else
        }
    });
});

演示：http://jsfiddle.net/9P4WK/

在这个演示中，我只是简单地切换一个类，所以我不做任何花哨的范围跟踪。

相关文章：