网页滚动条滚动事件

最新推荐文章于 2024-06-23 14:24:21 发布

proven.

最新推荐文章于 2024-06-23 14:24:21 发布

阅读量667

点赞数

分类专栏： web-前端文章标签： juery-html

本文链接：https://blog.csdn.net/qq_33096743/article/details/73195784

版权

web-前端专栏收录该内容

10 篇文章 0 订阅

订阅专栏

今天在写代码的时候碰到了滚动条事件，这里记录一下，以防忘记
一、整个网页滚动事件直接贴代码

 $(window).scroll(function () {
        if ($(document).scrollTop() + $(window).height() >= $(document).height()) {
            page++;        
            initMessage(page,rows);

        }
    });

二、div的滚动条事件

$("#scrollPage").scroll(function(){

         var $this =$(this),  
         viewH =$(this).height(),//可见高度  
         contentH =$(this).get(0).scrollHeight,//内容高度  
         scrollTop =$(this).scrollTop();//滚动高度  
        if(scrollTop/(contentH -viewH)==1){
             page++;
            studentInfo(page,rows);

        }  




     });