H5监听浏览器滚动条scrollbar

Posted dlm17

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了H5监听浏览器滚动条scrollbar相关的知识,希望对你有一定的参考价值。

 监听滚动条scrollbar(适配手机)

1. document.documentElement.scrollHeight:整个html的高度,含被隐藏界面高度

2. window.pageYOffset:被滚动卷去的高度

3. window.innerHeight:可见窗口高度,不变的

4. 其中2加3的高度大于等于1的高度表示滚到底部

5. 注:设置body监听滚动onscroll不能设置body的height: 100%就可用

以上是关于H5监听浏览器滚动条scrollbar的主要内容,如果未能解决你的问题,请参考以下文章

H5移动端禁止页面上下滚动

h5页面在手机端禁用横向滚动

el-scrollbar监听滚动条滚动事件,处理el-tabs滚动到顶部header吸顶效果

怎么用CSS给html加横向滚动条并且隐藏竖向滚动条

JS原生监听滚动条

js监听两个滚动条,JavaScript、Html