美文网首页
jq 检测浏览器、标签滚动条是否到达底部

jq 检测浏览器、标签滚动条是否到达底部

作者: 七號7777 | 来源:发表于2019-10-28 17:28 被阅读0次

    1、检测浏览器滚动条是否到达底部

    $(window).scroll(function() {
        if ($(document).scrollTop()<=0){
          alert("滚动条已经到达顶部为0");
        }
        if ($(document).scrollTop() >= $(document).height() - $(window).height()) {
          alert("滚动条已经到达底部为" + $(document).scrollTop());
        }
    });
    
    //滚动条回顶部
    $('html, body').animate({
        scrollTop: 0
    }, 'slow');
    

    2、某标签滚动条滚动到底部(微信浏览器不适用)

    var commentBox = document.getElementById("commentBox");
    commentBox.onscroll = function () {
        //检查垂直滚动条是否到底部
        if (commentBox.scrollHeight - commentBox.scrollTop == commentBox.clientHeight) {
             //到底部使表单项可用
             commentPageNum++;
             getComments();
         }
    }
    // 滚动条回顶部
    $('#commentBox').scrollTop( 0 );  
    

    相关文章

      网友评论

          本文标题:jq 检测浏览器、标签滚动条是否到达底部

          本文链接:https://www.haomeiwen.com/subject/njpumctx.html