实现拉到底部自动加载内容:
$("#picture11").scroll(function() {
var $this = $(this),
viewH = $(this).height(), //可见高度(当前div的可视高度)
contentH = $(this).get(0).scrollHeight, //内容高度(整条滚动条的高度)
scrollTop = $(this).scrollTop(); //滚动高度(被滚动隐藏起来的内容高度)
//if(contentH - viewH - scrollTop <= 100) { //到达底部100px时,加载新内容
if (scrollTop / (contentH - viewH) >= 0.995) { //到达底部100px时,加载新内容
console.log(‘到底了‘)
}
});
时间: 2024-12-17 15:04:44