2016 - 2024

感恩一路有你

获取元素的滚动高度 js修改滚动条滚动距离?

浏览量:2803 时间:2021-03-13 05:19:20 作者:admin

js修改滚动条滚动距离?

如果您使用jQuery,您可以编写如下代码:$(window)。绑定(“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}

js获取滚动条距离浏览器顶部高度高度,改变导航css?

如果(document.documentElement和ampdocument. documentElement.scrollTop文件){滚动顶端=document.documentElement.scrollTop文件}如果(文件正文){滚动顶端=document.body.scrollTop文件}if(scrollTop>50){文档.getElementById(“obj”)。style.opacity=“0”}

代码:·$(function(){·//获取要定位的元素与浏览器顶部的距离。·var navh=$(“)。导航“)。偏移()。顶部·//滚动条事件·$(窗口)。Scroll(function(){·//获取滚动条的滑动距离。·var scroh=$(这个)。Scrolltop()·//如果滚动条的滑动距离大于或等于定位元素与浏览器顶部之间的距离,则滚动条的滑动距离是固定的;否则滚动条的滑动距离不是固定的。如果(scroh>=navh){·$(”。导航“)。CSS({“position”:“fixed”,“top”:0})·}else If(scroh<navh){·$()。导航“)。CSS({“position”:“static”})·································。JQuery通过使用获取滚动条的高度。Scrolltop()方法。

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

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

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

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

获取元素的滚动高度 js页面刷新方法 前端项目优化方法

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