javascript如何获取滚动条的位置

159 阅读 0 评论 105 点赞

我是靠谱客的博主欣喜蚂蚁，这篇文章主要介绍javascript如何获取滚动条的位置，现在分享给大家，希望可以做个参考。

本文操作环境：windows10系统、javascript 1.8.5、thinkpad t480电脑。

在javascript中我们通常有两种方式来获取浏览器中滚动条的位置，接下来让我们一起来看看这两种方式：

第一种：document.documentElement.scrollTop

这种方式能够兼容FireFox和IE浏览器，但是对于chrome浏览器取到的值永远是0。

第二种：$("body").scrollTop()

这种方式能够兼容chrome浏览器，但是在IE和FireFox浏览器中取的值永远是0。

所以最准确取位置的方法是：

复制代码if($.browser.webkit) {
    scTop = $("body").scrollTop();
}else {
    scTop = document.documentElement.scrollTop;
}1
2
3
4
5
if($.browser.webkit) {
    scTop = $("body").scrollTop();
}else {
    scTop = document.documentElement.scrollTop;
}
登录后复制

推荐学习：javascript视频教程

以上就是javascript如何获取滚动条的位置的详细内容，更多请关注靠谱客其它相关文章！