怎么让div始终浮动在浏览器的上边缘？

cowcs 2010-12-28 11:43:12

怎么能不管滚动鼠标滚轴还是拖动浏览器滚动条，始终让div浮动在浏览器的上边缘？

...全文

168 7 打赏收藏转发到动态举报

写回复

用AI写文章

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

cowcs 2010-12-30

打赏
举报

你们的方法我试过了。。。我的笔记本装的是IE9，你们的方法没问题。。但是换到台式机上的IE6，IE7就不行了，继续求教，如果能解决，我会再开贴给分，谢谢谢谢

孟子E章 2010-12-28

打赏
举报

http://dotnet.aspx.cc/CodeLab/Default.aspx

Mr-Jee 2010-12-28

打赏
举报

position:fixed
top:0px;

nizhicheng 2010-12-28

打赏
举报

如果是IFRAME 的页面呢?

chen_ya_ping 2010-12-28

打赏
举报

2个方法：
(1)直接css来搞定：



<div style="position:fixed;width:100%;text-align:center;background-color:Red;top:0px;left:0px">hello</div>

(2) JS来操作div的top：



 <div id="bar" style="position:absolute;z-index:99;width:100%;text-align:center;background-color:Red;top:0px;left:0px">hello</div>



<script src="JS/jquery-1.4.4.js" type="text/javascript"></script>

    <script type="text/javascript">

        $(function() {

 $(window).scroll(function() {

                $("#bar").css("top",$(window).scrollTop());

            });

        });

zyzy15 2010-12-28

打赏
举报



 <BODY onscroll="document.getElementById('tdiv').style.top=document.body.scrollTop">

 <div id="tdiv" style="border:1px solid red; position:absolute; top:0px">123</div>

 start<BR>1<BR>2<BR>3<BR>4<BR>5<BR>6<BR>7<BR>8<BR>9<BR>0<BR>1<BR>2<BR>3<BR>4<BR>5<BR>6<BR>7<BR>8<BR>9<BR>0

 <BR>1<BR>2<BR>3<BR>4<BR>5<BR>6<BR>7<BR>8<BR>9<BR>0<BR>1<BR>2<BR>3<BR>4<BR>5<BR>6<BR>7<BR>8<BR>9<BR>0

 </BODY>