js 常用代码备忘

Posted 2020-06-22

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js 常用代码备忘相关的知识，希望对你有一定的参考价值。

实现拉到底部自动加载内容：

$("#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(‘到底了‘)
}
});