IE浏览器下当滚动网页滚动条的时候DIV依然固定在屏幕的设定的位置上
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css"> #a { width:200px; height:200px; border:solid red 1px; background:#CCC; position:absolute; top:100px; left:100px; } </style> <script language="javascript" type="text/javascript"> function absolute(){ /*设置div垂直方向相对垂直滚动条的位置*/ document.getElementById("a").style.top = document.body.scrollTop+100+'px'; /*设置div水平方向相对水平滚动条的位置*/ document.getElementById("a").style.left = document.body.scrollLeft+100+'px'; } function onload(){ /*可以自己选择一个合适的延迟时间来达到移动时候感官上的流畅感*/ setInterval('absolute()',1); } </script> </head> <body onLoad="onload()"> <div id="a"> aaaaaaaa </div> <p>1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</p> <br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /> <p>1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</p></body> </html>
注:例如
<span style="background-color: #ff6600;"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></span>
等等的这种XHTML文档类型不支持这种方法
相关推荐
如何让DIV固定在页面的某个位置而不随着滚动条随意滚动
div随滚动条上下滚动,div随滚动条上下滚动div随滚动条上下滚动div随滚动条上下滚动
div滚动条 带滚动条的div div滚动条样式div滚动条 带滚动条的div div滚动条样式
网页局部div随滚动条置顶滚动 效果很好,跟普通的滚动不太一样,没有延迟。
div固定在屏幕的一个位置,不随滚动条的拖动而改变位置
滚动条下拉DIV固定在头部不动 内包含js下载后可直接使用
这个例子是把div固定在设定的地方,不跟着滚动条滚动!
div跟随固定在浏览器左边,上下拉动浏览器滚动条时div固定在左边,横向拉动滚动条时DIV会跟随主体而改变位置。
当滚动条滑到最低端显示div
纯css实现table滚动条(纯css实现div滚动条),主要是通过设定高度/宽度及overflow:auto;实现.
DIV滚动悬浮层,页面滚动条滚动,悬浮层保持位置不变!
优秀的的div滚动条优化代码 优化之后不在影响滚动功能的情况下使div的滚动条变为半透明的...
jquery滚动条jquery滚动条jquery滚动条jquery滚动条jquery滚动条jquery滚动条jquery滚动条jquery滚动条jquery滚动条jquery滚动条jquery滚动条jquery滚动条jsDIV滚动条jsDIV滚动条jsDIV滚动条
随滚动条移动的DIV层
div滚动条样式一览-div+css设计网,div滚动条,多个div滚动条样式
element table固定头部ie的滚动条样式自定义,element table固定头部ie的滚动条样式自定义,element table固定头部ie的滚动条样式自定义,element table固定头部ie的滚动条样式自定义,element table固定头部ie的...
vue自定义浏览器滚动条(已兼容ie)
/*说明:可以让指定的层浮动到网页上的任何位置,当滚动条滚动时它会保持在当前位置不变,不会产生闪动*/ /*调用: 1 无参数调用:默认浮动在右下角 $("#id").floatdiv(); 2 内置固定位置浮动 //右下角 $("#id")....
浮动div 页面两边滚随滚动条滚动的DIV div滚动
jQuery实现将div的滚动条滚动到指定位置 jQuery实现将div的滚动条滚动到指定位置