jQuery实现滚动条动态加载

jQuery实现滚动条动态加载//滚动条加载底部自动加载$(function(){//鼠标滚动事件$(window).scroll(function(){console.log("滚动条到顶部的垂直高度:"+$(window).scrollTop());console.log("页面的文档高度:"+$(document).height());…

//滚动条加载底部自动加载
$(function(){
    //鼠标滚动事件
    $(window).scroll(function(){
        console.log("滚动条到顶部的垂直高度:" +  $(window).scrollTop() );
        console.log("页面的文档高度:" +  $(document).height() );
        console.log("浏览器的高度:" +  $(window).height() );
//下面这句主要是获取网页的总高度,主要是考虑兼容性所以把Ie支持的documentElement也写了,这个方法至少支持IE8
        var htmlHeight=document.body.scrollHeight||document.documentElement.scrollHeight;
        //clientHeight是网页在浏览器中的可视高度,
        var clientHeight=document.body.clientHeight||document.documentElement.clientHeight;
        //scrollTop是浏览器滚动条的top位置,
        var scrollTop=document.body.scrollTop||document.documentElement.scrollTop;
        //通过判断滚动条的top位置与可视网页之和与整个网页的高度是否相等来决定是否加载内容;
        if(scrollTop+clientHeight==htmlHeight){
             start+=length;
            findBookList(start,length);
            // 延时
             // setTimeout(function () {
             //
             // },1000)

        }
    })

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/39091.html

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注