当前位置:首页 > TAG信息列表 > jquery获取滚动条滚动的距离jquery怎样获取滚动条可以滚动的高度?介绍

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

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获取页面滚动距离


伊菱号 海瑞号

  • 关注微信关注微信

猜你喜欢

微信公众号