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太

我认为这是解决