Crossbrowser位置：固定但仍然失敗？

Question

以下使用position : fixed的示例在我的FF16.02/IE9中不起作用。但據我所知，它應該是交叉瀏覽兼容的。 任何想法？

JSfiddle of the issue

Answer 1

問題在於document.body.scrollTop。這不是跨瀏覽器兼容的。使用window.scrollY，它應該工作得很好。

您的代碼將改成這樣：

var foo = document.getElementById('foo'); 
document.onscroll = function(e) { 
    if (window.scrollY > foo.offsetTop) { 
     foo.className = "foo sticky"; 
    } else { 
     if (foo.className.indexOf('sticky')) { 
      foo.className = "foo"; 
     } 
    } 
};​ 

Demo

Answer 2

Updated開這個我更新 你必須設置在富格 position:fixed太

我認爲這是解決