查询静止浮层代码

seeu1688 2005-11-11 11:58:01

拉动滚动条，浮层完全静止，纹丝不动

...全文

111 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

seeu1688 2005-11-12

打赏
举报

谢谢JK，那正是我所需要的。

JK_10000 2005-11-11

打赏
举报

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>JK:支持民族工业,尽量少买X货</title>

<style>
body {
overflow: hidden;
padding: 0;
margin: 0;
}
div#wrap_outer {
width: 100%;
height: 100%;
overflow: auto;
padding: 0px 30px 30px 30px;
}

#glideDiv0
{
position: absolute;
top: 50;
left:0;
z-index:200;
width:28px;
background-color:#E6EEE7;
}

</style>
</head>

<body>
<div id="wrap_outer">


 固定Div,且scroll时Div不闪动。
 部分代码来自：http://www.javalobby.org/forums/thread.jspa?threadID=16484&tstart=0
 （注：这里有<a href="DivFixedInBody1.htm">scroll时Div闪动</a>的代码）
 aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
 aaaa
 aaaa
 aaaa
 aaaa
 aaaa
 aaaa
 aaaa
 aaaa
 aaaa
 aaaa
 aaaa
 aaaa
 aaaa
 aaaa
 aaaa
 aaaa
 aaaa
 aaaa
 aaaa
 aaaa
 aaaa
 aaaa

</div>

<div id="glideDiv0">
a 
b 
c 
d 
e 
f 
g 
 
</div>
</body>

</html>

seeu1688 2005-11-11

打赏
举报

:)，谢谢

这个效果不是我需要的
是纹丝不动，完全静止，不会随拖动而跳动。

我看见有些网站的导航条是如此的，想借鉴一下，却忘记了哪个网站的了

crinoid 2005-11-11

打赏
举报

<DIV id=auoDiv style='width:100%;background-color:#F7F7F7;border: 0px; Z-INDEX:0; POSITION: absolute;'></DIV>

<script>
window.onscroll = resizeDiv;
function resizeDiv()
{
document.getElementById("auoDiv").style.left = 0;
document.getElementById("auoDiv").style.top =document.body.scrollTop;
}
</script>
就应该可以了:)其中auoDiv是那个层

zmy0611 2005-11-11