滾動時固定標題

我正在使用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>

來源

2012-03-13 Jay Smoke

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

擔心IE兼容性！ – 2012-03-13 13:01:08

請看下面的鏈接，作爲您的問題的簡單解決方案。

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

編輯：而且從上述鏈接溶液應跨瀏覽器兼容

來源

2012-03-13 12:53:47

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

添加到報頭position:fixed;的樣式。

來源

2012-03-13 12:55:22 indiepack

我試過這個，但它不再固定在屏幕的頂部，當你滾動。它固定在滾動條的位置上。 NB。 IE6不支持固定位置，所以不要認爲這會在那裏工作 – 2012-03-13 13:05:42

滾動時固定標題

回答

相關問題