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

2019-10-28  本文已影响0人  七號7777

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 );  
上一篇下一篇

猜你喜欢

热点阅读