js 判断div距离浏览器顶部或者底部的距离

小小优化师 anny

已于 2023-08-05 14:59:08 修改

阅读量1.4k

点赞数

文章标签：前端 javascript html

于 2023-08-05 10:16:14 首次发布

本文链接：https://blog.csdn.net/q28000/article/details/132116490

版权

 <script type="text/javascript"> 
function scrollFunc(){
     $("#side-fix").scroll(function(){
        var $this =$(this),
        viewH =$(this).height(),//可见高度
        contentH =$(this).get(0).scrollHeight,//内容高度
        scrollTop =$(this).scrollTop();//滚动高度
        if(contentH = viewH + scrollTop) { //当滚动到底部时，

        }
        if(contentH - viewH - scrollTop <= 100) { //当滚动到距离底部100px时,
alert('下拉到底了');
        }
        if(scrollTop/(contentH -viewH) >= 0.95){ //当滚动到距离底部5%时
        // 这里加载数据..
        }
     });
  }
  
 </script>