js保持div悬浮，不随页面向下滚动而被覆盖
生活随笔
收集整理的這篇文章主要介紹了
js保持div悬浮，不随页面向下滚动而被覆盖
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<html>
<head>
<script type="text/javascript">//兼容性1，document.body.scrollTop 和 document.documentElement.scrollTop 兼容性2. style.top的值firefox需要加“px” , ie兼容此px ,無需另外加判斷 var stmnBASE = 840; //起始頂部間距（原始值）var stmnActivateSpeed = 1000; // var stmnScrollSpeed = 10; //var stmnTimer;function RefreshStaticMenu() {var top, stmnRefreshTimer;stmnRefreshTimer = stmnActivateSpeed;top = document.documentElement.scrollTop || (document.body ? document.body.scrollTop : 0);document.getElementById('STATICMENU').style.top = 1000 + "px";//挪動到新位置if (top > stmnBASE)document.getElementById('STATICMENU').style.top = top + "px";//恢復到原位置elsedocument.getElementById('STATICMENU').style.top = stmnBASE + "px";stmnRefreshTimer = stmnScrollSpeed;stmnTimer = window.setTimeout( 'RefreshStaticMenu()', stmnRefreshTimer);}function InitializeStaticMenu() {var topvalue = document.documentElement.scrollTop || (document.body?document.body.scrollTop:0);var topFinalvalue = topvalue + stmnBASE;document.getElementById('STATICMENU').style.top = topFinalvalue + "px";RefreshStaticMenu();}
</script>
</head>
<body>
<div id="STATICMENU" class="right_nr news_right_nr" style="border-style:none;POSITION: absolute; TOP: 840px; "><img alt="" src="/themes/Default/images/hotel/dl.png" /> </div>
<script type="text/javascript">InitializeStaticMenu();</script>
</body>
</html>
總結
以上是生活随笔為你收集整理的js保持div悬浮，不随页面向下滚动而被覆盖的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 鼠标放到控件上 DIV悬浮提示效果(四种
- 下一篇： div不随滚动条左右移动而改变位置