jquery动态获取div内部滚动条距div顶部的距离。

Question

设置某个div的固定高度700px，宽度100%， overflow-y: scroll;如何动态获取滚动条距div顶部的距离呢var loading = false;//分页$(document).ready(function(){     $('#mainPart').scroll(function(){        if (loading)         {            return;         }        console.log($(window).scrollTop() > $(document).height() - $(window).height() - 200);                 if  ($(window).scrollTop() > $(document).height() - $(window).height() - 200)         {             loading = true;             setTimeout(function(){             }, 250);         }       });   });这是我的代码。没把代码固定到一个容器的时候，是可行的，其实我想问的是，在一个div内设置滑动，怎么实现无限加载，应该怎么修改判断条件。

Answer 1

你的滚动是某个div容器的滚动，这个容器相对于整个页面，没有任何位置变化，更换监测点到这个div容器和容器内的列表元素的高度。

var loading = false;//分页$(document).ready(function(){
    $('#mainPart').scroll(function(){        if (loading)
        {            return;
        }        // console.log($(window).scrollTop() > $(document).height() - $(window).height() - 200);
        if  ($('#mainPart').scrollTop() > $('#mainPart下面列表容器').height() - $('#mainPart').height() - 200)
        {
            loading = true;
            setTimeout(function(){
            }, 250);
        }
      });
  });