# 目标元素是否滑到底部的判断
元素的尺寸 = 元素竖直方向的移动长度 + 浏览器显示尺寸 - 其他元素长度
即: 元素竖直方向的移动长度 = 元素的尺寸 - 浏览器显示尺寸 + 其他元素长度
所以先设置鼠标滑动的监听器
window.addEventListener('scroll', this.scrollHandler, false);
1
一个示例:
// article 元素的高度
let artHeight = document.getElementsByTagName('article')[0].offsetHeight;
// 获取浏览器的显示高度
let innerHeight = window.innerHeight;
// 其他元素的高度
let otherHeight = 70 + 15;
// 能够滑动的极限移动长度
let scrollHeight = artHeight - innerHeight + otherHeight;
// 滑动到底部的判断
if (scrollHeight <= (document.documentElement.scrollTop + 5)) {
... ...
}
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
# 打印对象属性 数组元素
- 对象 for ... in ...
- 数组 建议使用 forEach 方法
# 对于 null undefined NaN 的判断
如果一个属性是 上面三个, 那么使用 if(value) 会导入到 false 的判断逻辑中;
注意 null == undefined , 但是 null !== undefined