当工具栏加载时，Scroll上的AJAX不起作用

Question

我使用此代码在使用jQuery AJAX滚动时从服务器获取数据：

 var pageIndex = 0;
 var pageCount;

$(window).scroll(function () {

    if (($(window).scrollTop()) == ($(document).height() - $(window).height())) {
        GetRecords();
    }
});
$(function () {
    GetRecords();
});
function GetRecords() {
    pageIndex++;
    if (pageIndex == 1 || pageIndex <= pageCount) {
        $("#loader").show();
        $.ajax({
            type: "POST",
            url: "mainPage.aspx/GetImages",
            data: '{pageIndex: ' + pageIndex + '}',
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: OnSuccess,
            failure: function (response) {
                alert(response.responseText);
            },
            error: function (response) {
                alert(response.responseText);
            }
        });
    }
}

当我向浏览器添加工具栏时（地址栏下方）滚动         方法不再起作用。 我怎么解决这个问题？

Answer 1

我认为if语句中的条件永远不会在您的代码中得到满足。 尝试先控制注销，然后检查滚动是否正常。

Answer 2

这里是HI的例子。包装文档就绪功能。如果还没泡。让我知道你当前使用的是什么jquery版本。这个工作示例我在这个例子中使用了jquery v1.2.3。

  $('div').scroll(function(){
    alert("scroling");  
 });
 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

<div style="overflow: scroll;height:150px;">
  aalskdjflkasjdflkasd
  a'lsdkfjlasjdf;la
  lkajsdflkjas;df
  <br>
  <br>ksdkf;kasd;lfk;asdkf;lasd
  <br>
  a;sdjflkasjdflkasd
  <br>
  asdf;lkasd;lfasd
  <br>
  a;sdjflasjdflkjaskdl
  <br>asdjflkajsdflkjasdlkf
  <br>
  asdfkjlaksdjflkjasdlkf
  asdljflkasdjflkas<br>
  alsdkfjlkasdjflasd
  <br>kaljdsflkjasdlkfjasdl
  <br>
</div>

注意：

当用户滚动到元素中的不同位置时，滚动事件被发送到元素。它适用于窗口对象，也适用于可滚动的框架和元素，其中溢出CSS属性设置为滚动（或当元素的显式高度或宽度小于其内容的高度或宽度时自动）。