JS 窗口滚动条理解
来源:互联网 发布:矩阵分解应用 编辑:程序博客网 时间:2024/05/21 22:39
首先 window.innerHeight 表示浏览器可见或可用高度
如果body中的元素总高度超越上面的高度,默认body会出现滚动条
那么 document.body.scrollHeight 就表示 所有元素总高度 它当然大于 window.innerHeight
还有 document.body.scrollTop 就表示 当前页面相对于总高度的位置,有的文档也说它是滚动条的位置。
上面的话还有点抽象,下面用数据表示
假设 window.innerHeight 窗口可见高度为 600px
document.body.scrollHeight 所有元素总高度为900px
那么 就会出现滚动条
document.body.scrollTop 的范围 为 0 - 300
当滚动条位于 最顶端 未滑动时 document.body.scrollTop 的值为 0
当滚动条位于 最底端时 document.body.scrollTop 的值为 300
完美!
0 0
- JS 窗口滚动条理解
- 无滚动条窗口
- 窗口滚动条
- js获取当前窗口大小带滚动条
- 如何理解滚动条
- js控制滚动条
- js滚动条
- js滚动条技巧
- 关于js滚动条
- js禁用滚动条
- js 模拟 滚动条
- js禁用滚动条
- js滚动条位置
- JS滚动条
- js滚动条
- js模拟滚动条
- js滚动条
- js滚动条
- NSUndoManager --- 公共的事件撤销管理者
- c#如何跨线程调用窗体控件
- Tomcat的配置最大并发连接数
- blocker critical Java (转)
- UISlider 使用
- JS 窗口滚动条理解
- 实验室CentOS7服务器搭建
- UGUI学习的第二天
- eclipse+maven+jetty发布hello world!Web应用
- xutils 2.x(2.6)中的session获得和cookieStore使用
- 使用jquery的change事件操作<select>的事件处理
- 网络通信tcp的困惑和解决(一)
- POJ - 3320 Jessica's Reading Problem 尺取法+映射 重庆一中高2018级竞赛班第三次测试 2016.7.24 Problem 4
- 封装的意义和喻义