js獲取滾動(dòng)條滾動(dòng)的距離 js獲取滾動(dòng)條距離瀏覽器頂部高度高度,改變導(dǎo)航css?
js獲取滾動(dòng)條距離瀏覽器頂部高度高度,改變導(dǎo)航css?如果(document.documentElement和ampdocument. documentElement.scrollTop文件){滾動(dòng)頂
js獲取滾動(dòng)條距離瀏覽器頂部高度高度,改變導(dǎo)航css?
如果(document.documentElement和ampdocument. documentElement.scrollTop文件){滾動(dòng)頂端=document.documentElement.scrollTop文件}如果(文件正文){滾動(dòng)頂端=document.body.scrollTop文件}if(scrollTop>50){文檔.getElementById(“obj”)。style.opacity=“0”}
js修改滾動(dòng)條滾動(dòng)距離?
如果您使用jQuery,您可以編寫如下:$(窗口)。綁定(“scroll”,function(){var top=$(this)。Scrolltop()//當(dāng)前窗口的滾動(dòng)距離})如果使用原生JS,您可以這樣寫:/**獲取滾動(dòng)條到頂部的距離*@return{}support IE6*/function getscrolltop(){var scrollpos}if(window.pageYOffset頁(yè)偏移){滾動(dòng)位置=window.pageYOffset頁(yè)偏移}如果(文檔.compatMode&&文檔.compatMode!=“BackCompat”{scrollPos=document.documentElement.scrollTop文件}如果(文件正文){滾動(dòng)位置=document.body.scrollTop文件}return scrollPos}
代碼:·$(function(){·//獲取要定位的元素與瀏覽器頂部的距離。·var navh=$(“)。導(dǎo)航“)。偏移()。頂部·//滾動(dòng)條事件·$(窗口)。Scroll(function(){·//獲取滾動(dòng)條的滑動(dòng)距離?!ar scroh=$(這個(gè))。Scrolltop()·//如果滾動(dòng)條的滑動(dòng)距離大于或等于定位元素與瀏覽器頂部之間的距離,則滾動(dòng)條將固定,否則滾動(dòng)條將不固定。如果(scroh>=navh){·$(”。導(dǎo)航“)。CSS({position“:”fixed“,”top“:0})·}else if(scroh<navh){·$(”)。導(dǎo)航“)。CSS({position“:”static“})·}············)