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

摘要:
//兼容性1,document.body。scrollTop和document.documentElement。scrollTop Compatibility 2.style top的firefox值需要加上“px”,即与此px兼容,无需判断varstmnBASE=840//开始顶部间距(原始值)varstmnActivateSpe
<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悬浮,不随页面向下滚动而被覆盖》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇数值分析笔记(3)——数值计算中的原则简单入门linux设备驱动之第三部分:向设备驱动程序传递参数下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

关于Linux上的SSH服务无法启动,提示“/var/empty/sshd must be owned by root and not group or world-writable”错误

首先通过物理终端进入到linux上,手工检查ssh发现没运行# /etc/init.d/sshd statussshd is stopped 手动启动服务,发现报告权限错误。# /etc/init.d/sshd start Starting sshd:/var/empty/sshd must be owned by root and not group o...

ABP 继承 ISoftDelete 后调用 HardDeleteAsync 实现物理删除

如标题描述的一样,在继承ISoftDelete 后希望进行物理删除操作时,调用HardDeleteAsync 方法即可。下面是该方法的内部实现: public static async Task HardDeleteAsync<TEntity, TPrimaryKey>(this IRepository<TEntity, TPrimary...

OC与JS的交互(iOS与H5混编)

大神总结WKWebView的坑:https://mp.weixin.qq.com/s/rhYKLIbXOsUJC_n6dt9UfA 在开发过程中,经常会出现需要iOS移动端与H5混编的使用场景。 iOS中加载html网页, 可以使用UIWebView或WKWebView. 本篇博客将介绍两种控件使用过程中如何实现OC与JS的交互。 UIWebView de...

TControl的消息覆盖函数大全(15个WM_函数和17个CM_函数,它的WndProc就处理鼠标与键盘消息)

注意,这些函数只有Private一种形式(也就是不允许覆盖,但仍在动态表格中)(特别注意,这里居然没有WM_PAINT函数): TControl = class(TComponent) private //15个私有消息处理,大多是鼠标消息。注意,消息函数大多只是一个中介,且TWinControl并不重写。 procedure...

深入 js 深拷贝对象

前言 对象是 JS 中基本类型之一,而且和原型链、数组等知识息息相关。不管是面试中,还是实际开发中我们都会碰见深拷贝对象的问题。 顾名思义,深拷贝就是完完整整的将一个对象从内存中拷贝一份出来。所以无论用什么办法,必然绕不开开辟一块新的内存空间。 通常有下面两种方法实现深拷贝: 迭代递归法 序列化反序列化法 我们会基于一个测试用例对常用的实现方法进行...

基于wke封装的duilib的webkit浏览器控件,可以c++与js互交,源码及demo下载地址

转载请说明原出处,谢谢~~ 前些日子用wke内核封装了duilib的webkit浏览器控件,好多群里朋友私聊我希望可以我公布源码,今天把这个控件的源码和使用demo公布。其实这个控件封装起来没什么难度,我只是按照原来作者的demo,把相应的消息封装成duilib对应的。 在此首先要感谢wke内核的作者BlzFans以及soui2界面库的作者flyhigh,...