当前位置:首页 » 网页前端 » 精易web浏览器滚动条
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

精易web浏览器滚动条

发布时间: 2023-06-14 11:17:19

⑴ WEB开发 - 关于刷新页面后获取浏览器滚动条位置

获取坐标: IE (event.x event.y)

获取滚动条位置:

document.body.scrollTop (滚动条离页面最上方的距离)

document.body.scrollLeft (滚动条离页面最左方的距离)

当我用js获取当前垂直或者水平方向滚动条位置的时候,使用"document.body.scrollTop"或者"document.body.scrollLeft"是无效的,得到的数值永远是0。但是,当写在“onscroll”事件里面的时候,上述方法可以获得当前滚动条的位置。

当网页最前面有以下内容:

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

document.documentElement.scrollTop (滚动条离页面最上方的距离)

document.documentElement.scrollLeft (滚动条离页面最左方的距离)

所以为了准确取得当前滚动条的位置,正确的使用方法是:

document.documentElement.scrollTop:垂直方向
document.documentElement.scrollLeft:水平方向