js獲取滾動條滾動的距離 js獲取滾動條距離瀏覽器頂部高度高度,改變導航css?
js獲取滾動條距離瀏覽器頂部高度高度,改變導航css?如果(document.documentElement和ampdocument. documentElement.scrollTop文件){滾動頂
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(){·//獲取要定位的元素與瀏覽器頂部的距離?!ar navh=$(“)。導航“)。偏移()。頂部·//滾動條事件·$(窗口)。Scroll(function(){·//獲取滾動條的滑動距離?!ar scroh=$(這個)。Scrolltop()·//如果滾動條的滑動距離大于或等于定位元素與瀏覽器頂部之間的距離,則滾動條將固定,否則滾動條將不固定。如果(scroh>=navh){·$(”。導航“)。CSS({position“:”fixed“,”top“:0})·}else if(scroh<navh){·$(”)。導航“)。CSS({position“:”static“})·}············)