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

问题描述

问 题

设置某个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内设置滑动，怎么实现无限加载，应该怎么修改判断条件。

解决方案

你的滚动是某个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);
        }
      });
  });

这篇关于javascript - jquery动态获取div内部滚动条距div顶部的距离。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！