zoukankan      html  css  js  c++  java
  • js判断窗体或容器滚动条到底部

    NO1---jquery判断窗体滚动条到底部

    $(window).scroll(function () {
    if ($(window).scrollTop() >= $(document).height() - $(window).height()) {
    alert("噢,滚动条到底部了.");
    }
    });

    NO2---jquery判断容器滚动条到底部

    $("#contain").scroll(function(){
    var viewH = $(this).height(),//可见高度
    var contentH = $(this).get(0).scrollHeight,//内容高度
    var scrollTop = $(this).scrollTop();//滚动高度
    //if(contentH - viewH - scrollTop <= 100) { //到达底部100px时,加载新内容
    if(scrollTop/(contentH - viewH)>= 0.95){ //到达底部100px时,加载新内容
    alert("噢,滚动条到底部了.");
    }
    });


    NO3---js的判断容器滚动条到底部

    $(document).ready(function (){
    var nScrollHight = 0; //滚动距离总长(注意不是滚动条的长度)
    var nScrollTop = 0; //滚动到的当前位置
    var nDivHight = $("#div1").height();
    $("#div1").scroll(function(){
    nScrollHight = $(this)[0].scrollHeight;
    nScrollTop = $(this)[0].scrollTop;
    if(nScrollTop + nDivHight >= nScrollHight)
    alert("滚动条到底部了");
    });
    });

  • 相关阅读:
    2019春总结作业
    第十二周作业及总结
    第十一周作业及总结
    第十周编程及总结
    第九周作业及总结
    第八周作业及总结
    第五周作业及总结
    第四周Java作业及总结
    第三周总结
    第二周总结
  • 原文地址:https://www.cnblogs.com/johsan/p/4844217.html
Copyright © 2011-2022 走看看