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 );