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

Question

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

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

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

function getData() {

  $.getJSON('Get/GetData?no=1', function (responseText) {

    //Load some data from the server

  })

};

$(window).scroll(function () {

    getData();

});

Answer 1

您可以使用jQuery的.scrollTop()方法提取滚动位置$(window).scroll(function (event) {    var scroll = $(window).scrollTop();    // Do something});

Answer 2

您正在寻找的window.scrollTop()功能。$(window).scroll(function() {    var height = $(window).scrollTop();    if(height  > some_number) {        // do something    }});

Answer 3

$(window).scroll( function() {  var scrolled_val = $(document).scrollTop().valueOf(); alert(scrolled_val+ ' = scroll value');});这是获取滚动值的另一种方法。