美文网首页
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