Question

怎么让DIV漂浮 随着拖动窗口而跟着窗口走

Answer 1

<div id="rel_div" style="width:400px; z-index:100px; position:absolute; right:20px; float:right; background:#eea; ">
float:right;
层位于右侧
position:absolute; right:20px; top:20px;
这样是相对固定的。
z-index:100px;
层级于上层。
JS jquery 调用，随鼠标移动，层跟着移动。
$("#rel_div").css("top", $(document).scrollTop()+20 );//将滚动条高度赋给悬浮框。

Answer 2

<div style="position:fixed; top:50px; left:50px; width:200px; height:200px; background-color:#FF0;"></div>

看看是你说的效果吗？

Answer 3

<script language=javascript>
lastScrollY=0;
function backtop()
{
diffY=document.body.scrollTop;
percent=.1*(diffY-lastScrollY);
if(percent>0)
{
percent=Math.ceil(percent);
}
else
{
percent=Math.floor(percent);
}
document.all.MovedDiv.style.pixelTop+=percent;
lastScrollY=lastScrollY+percent;
}
window.setInterval("backtop()",10);
</script> <DIV id=MovedDiv style='left:25px;POSITION:absolute;TOP:20px;'><a href='#top'><<返回顶部</a></div> <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>
<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>
<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>