首页 > 新闻资讯

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

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

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

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

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

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

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

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

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

js修改滚动条滚动距离?

如果使用jquery,则可以按如下方式编写:$(窗口)。绑定(“scroll”,function(){vartop=$(this)。scrolltop()//当前窗口的滚动距离})如果使用原生js,可以这样写:/***获取滚动条和顶部之间的距离*@return{}支持ie6*/functiongetscrolltop(){varscrollposif(window.pageyoffset页偏移){滚动位置=window.pageyoffset页偏移}其他如果(文档.compatmode&&文档.compatmode!=“backcompat”{scrollpos=document.documentelement.scrolltop文件}如果(文件正文){滚动位置=document.body.scrolltop文件}returnscrollpos}

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

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

原文标题:jquery获取滚动条滚动的距离 jquery怎样获取滚动条可以滚动的高度?,如若转载,请注明出处:https://www.saibowen.com/news/19651.html
免责声明:此资讯系转载自合作媒体或互联网其它网站,「赛伯温」登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述,文章内容仅供参考。