2016 - 2025

感恩一路有你

jquery获取滚动条滚动的距离 jquery怎样获取滚动条可以滚动的高度?

浏览量:2231 时间:2021-03-13 04:40:09 作者:admin

jquery怎样获取滚动条可以滚动的高度?

1. JQuery使用命令获取滚动条的高度。Scrolltop()方法。

2. 首先,我们创建一个长的HTML文档。

3. 然后我们编辑JS脚本并使用。Scroll()方法来监视网页滚动。

4. 然后我们使用。Scrolltop()获取垂直滚动距离。

5. 然后保存文件并查看垂直滚动距离。

如何获取浏览器自带滚动条的高度scrollbar?

js修改滚动条滚动距离?

如果使用jQuery,则可以按如下方式编写:$(窗口)。绑定(“scroll”,function(){var top=$(this)。Scrolltop()//当前窗口的滚动距离})如果使用原生JS,可以这样写:/***获取滚动条和顶部之间的距离*@return{}支持IE6*/function getscrolltop(){var scrollPos if(window.pageYOffset页偏移){滚动位置=window.pageYOffset页偏移}其他如果(文档.compatMode&&文档.compatMode!=“BackCompat”{scrollPos=document.documentElement.scrollTop文件}如果(文件正文){滚动位置=document.body.scrollTop文件}return scrollPos}

~]$(文档)。Scroll(function(){//加载页面时,获取滚动条的初始高度var distance=$(document)。Scrolltop()//获取滚动条的初始高度值:0控制台.log(distance)//如果(distance==0)打印滚动条不同高度的值{//当滚动条高度为0时,removeactive()。创意“)//删除某某CSS}否则{shakeactive(”。创意“)//添加某某CSS})

jquery获取滚动条滚动的距离 获取滚动条距离顶部的距离 js获取页面滚动距离

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。