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";
//恢复到原位置
else
document.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悬浮，不随页面向下滚动而被覆盖相关推荐

通过uc.js实现pc firefox页面向下滚动自动隐藏导航栏，复刻firefox移动版的丝滑体验
页面向下滚动自动隐藏firefox导航栏简述 firefox移动版有个滑动页面浏览时自动隐藏导航栏的功能,这个功能很机智,能够最大化的同时让你尽量无感.然后想在pc实现这个功能,搜了一下发现uc.j ...
页面向下滚动一定距离显示固定搜索框
如淘宝首页那样,页面滚动到一定距离时,显示头部的搜索框. 具体代码很简单: //屏幕向下走多高的距离,出现little-logo$(window).scroll(function(){if($(win ...
php网站自动变暗,如何使用JS弹出DIV并使整个页面背景变暗
这次给大家带来如何使用JS弹出DIV并使整个页面背景变暗,使用JS弹出DIV并使整个页面背景变暗的注意事项有哪些,下面就是实战案例,一起来看一下. 1.首先写一个遮罩层p,然后再写一个弹窗的p 提示 ...
JS弹出DIV并使整个页面背景变暗功能的实现代码
1.首先写一个遮罩层div,然后再写一个弹窗的div  <div id="cover" style="background: # ...
js实现鼠标放在div 悬浮显示另一个div内容链接（不占位置）
js实现鼠标放在div 悬浮显示另一个div内容链接 (不占位置) 代码如下不喜勿喷简单记录前端小知识 <div><a id="div1" href=&quo ...
html鼠标自定义悬浮窗,【推荐】js+DIV悬浮窗定位到鼠标位置的源代码
[推荐]js+DIV悬浮窗定位到鼠标位置的源代码 (2013-09-04 22:34:33) 标签: 评论完美兼容火狐,IE等浏览器,js+DIV悬浮窗定位到鼠标位置的源代码!转帖请注明出处,这可是 ...
html界面js自动适应页面,JS实现DIV高度自适应窗口示例
本文实例讲述了JS实现DIV高度自适应窗口.分享给大家供大家参考,具体如下: /p> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio ...
html文本滚动到底后自动回到顶部,JS 实现DIV 滚动至顶部后固定
JS 实现DIV 滚动至顶部后固定 DIV滚动至顶部后固定 Test Div function menuFixed(id) { var obj = document.getElementById(id ...
gatsby_如何在Gatsby.js中使用本地状态保持页面之间的状态
gatsby Cover Photo by Anas Alshanti on Unsplash 封面图片由Anas Alshanti拍摄于Unsplash 问题" (The "pr ...

js保持div悬浮，不随页面向下滚动而被覆盖

js保持div悬浮，不随页面向下滚动而被覆盖相关推荐

最新文章

热门文章