这段时间写页面用到了页面滚动监听事件,所以总结了些这方面的知识点
利用js来监听页面滚动
//window.onscroll = function() {//为了保证兼容性,这⾥取两个值,哪个有值取哪⼀个 var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
其中, scrollTop指的是“元素中的内容”超出“元素上边界”的那部分的高度。
另外页面监听中还有一些常见属性
网页可见区域宽:document.body.clientWidth
网页可见区域高:document.body.clientHeight
网页可见区域宽:document.body.offsetWidth 。
另外如果要在tab栏里用多个页面滚动监听,记得要先清楚上一个滚动监听,并加上判断条件再进行下一个监听,否则会覆盖。