2016 - 2024

感恩一路有你

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

浏览量:1698 时间:2021-03-11 15:25:59 作者:admin

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

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

js修改滚动条滚动距离?

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

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

js获取滚动条滚动的距离 js获取滚动条距离顶部的距离 html是什么

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