如何使用jQuery检测页面的滚动位置

javascript jquery scroll

2022-08-30 01:16:57

我在网站上使用jQuery功能时遇到问题。它的作用是，它使用该函数来识别窗口何时更改其滚动位置，并在更改时调用一些函数以从服务器加载数据。window.scroll()

问题是，只要滚动位置有一点变化，就会调用该函数，并在底部加载数据;但是，我希望实现的是当滚动/页面位置到达底部时加载新数据，就像Facebook提要一样。.scroll()

但是我不确定如何使用jQuery检测滚动位置？

function getData() {
  $.getJSON('Get/GetData?no=1', function (responseText) {
    //Load some data from the server
  })
};

$(window).scroll(function () {
    getData();
});

答案 1

您可以使用jQuery的.scrollTop（）方法提取滚动位置

$(window).scroll(function (event) {
    var scroll = $(window).scrollTop();
    // Do something
});

答案 2

您正在寻找该功能。window.scrollTop()

$(window).scroll(function() {
    var height = $(window).scrollTop();

    if(height  > some_number) {
        // do something
    }
});