javascript - 跨浏览器位置 :fixed but still fails?

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