+ -
当前位置:首页 → 问答吧 → 求助:浮动层滚动时不抖动

求助:浮动层滚动时不抖动

时间:2009-06-10

来源:互联网

复制代码
  1. <style>
  2. #layer {
  3.     width:200px;
  4.     height:100px;
  5.     background:#ccc;
  6.     color:#fff;
  7.     position:absolute;
  8.     z-index:11;
  9.     left:30%;
  10.     top:100px;
  11. }
  12. </style>
  13. <div style="height:3000px;"></div>
  14. <div id="layer">..........</div>
  15. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
  16. <script language="javascript">
  17. $(window).scroll(function(){
  18.    $("#layer").css('top',document.documentElement.scrollTop+100)
  19. })
  20. </script>


移动滚动条时,该层出现抖动,

我想要的效果是像豆瓣的登入层那样移动时不会抖动,像块板一样不动。

测试了很多浏览器都是出现一样的情况,

作者: mslove   发布时间: 2009-06-10

那要用css来做,JavaScript的事件处理不可能那么快

http://keakon.cn/bbs/thread-408-1-1.html

作者: keakon   发布时间: 2009-06-10

OK。谢谢

作者: mslove   发布时间: 2009-06-11

相关阅读 更多