javascript如何获取滚动条的位置

文章2023-03-2795 人已阅来源：网络

javascript获取滚动条的位置的方法：【if($.browser.webkit){scTop=$("body").scrollTop()}else{scTop =document.documentElement.scrollTop】。

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;
}

以上就是javascript如何获取滚动条的位置的详细内容！

相关内容

javascript怎么获取指针的位置
javascript获取指针的位置的方法：使用事件对象的pageX和pageY，或者clientX和clientY属性，并且配合scrollLeft和scrollTop属性，这...
5个有用的css函数（分享）
CSS包含了许多函数，而且它能够完成许多早期需要用JavaScript才能完成的事情。每年都有新的特性被添加进来，这让我们的开发更加轻松，也减少了对JavaScript的依赖。...
css怎么实现超出范围加滚动条
css实现超出范围加滚动条的方法：我们可以使用overflow属性来实现，具体代码如【div{overflow:scroll;}】。overflow属性规定当内容溢出元素框时发...
详解CSS3+SVG滤镜实现不规则边框的方法
本篇文章将介绍一种配合SVG滤镜实现各种不规则图形添加边框的小技巧。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。需求背景，给不规则图形添加边框在我们日常开发...
css如何设置超出部分滚动条隐藏
方法：1、使用“-webkit-scrollbar”属性设置，语法“-webkit-scrollbar{display:none;}”；2、在父元素div里设置“overflo...
css怎么修改滚动条的样式
在CSS中，可以通使用scrollbar-face-color、scrollbar-arrow-color等属性和“::-webkit-scrollbar”、“::-webki...
css如何设置滚动条颜色
在css中，可以通过scrollbar-face-color属性设置滚动条颜色，语法“scrollbar-face-color:颜色值”；scrollbar-face-colo...
css如何超出显示滚动条
css超出显示滚动条的方法：1、使用三个容器包围起来，不需要计算滚动条的宽度；2、自定义滚动条的伪对象选择器【::webkit-scrollbar】。本教程操作环境：windo...
css如何设置图片位置
方法：首先使用position属性规定元素的定位类型，语法“position:static|relative|fixed|absolute”；然后使用top、bottom、le...
css怎么隐藏滚动条
方法：1、将滚动条宽度设置为none，语法“scrollbar-width:none;”；2、使用“-ms-overflow-style:none;”语句；3、使用“::-we...

浏览更多有关 javaScript 位置滚动条的内容