2012-03-13 125 views
0

我正在使用jQuery脚本来让我的标题在滚动时保持固定在顶部。但目前,这是动画,这是一个相当分心。有没有一种方法可以修改脚本使其不动画?滚动时固定标题

JQuery;

<script type="text/javascript"> 
$().ready(function() { 

     var $scrollingDiv = $("#header"); 

     $(window).scroll(function(){    
      $scrollingDiv.stop().animate({"marginTop": ($(window).scrollTop() + 0) + "px"}, "fixed");   
     }); 
    }); 


</script> 

Html;

<div id="header">Content</div> 
+0

是否有一个原因,你不能固定每个CSS的位置? – 2012-03-13 12:54:11

+0

担心IE兼容性! – 2012-03-13 13:01:08

回答

1

请看下面的链接,作为您的问题的简单解决方案。

http://www.cssplay.co.uk/layouts/basics2.html

编辑: 而且从上述链接溶液应跨浏览器兼容

+0

谢谢,但它有可能使用jquery完成它 – 2012-03-15 14:01:27

0

添加到报头position:fixed;的样式。

+0

我试过这个,但它不再固定在屏幕的顶部,当你滚动。它固定在滚动条的位置上。 NB。 IE6不支持固定位置,所以不要认为这会在那里工作 – 2012-03-13 13:05:42