javascript - body.scrollTop 在 firefox 和 IE 中不起作用 当在 Blogger 中时

Question

这是一段 JavaScript。这在 chrome 中运行良好，但在 blogger 中时在 Firefox 和 IE 中不起作用

if (document.body.scrollTop > 5) {
          var header = document.getElementsByClassName("header")[0];
          header.className = "header down"
}

我也试过了

if (document.getElementsByTagName('body')[0].scrollTop > 5) {
          var header = document.getElementsByClassName("header")[0];
          header.className = "header down"
        }

请说明它在 Firefox 和 IE 中如何工作。请仅使用 JavaScript，不要使用 J 查询。

Answer 1

我查看了您网站的 javascript，可以看到在 IE 和 Firefox 中，document.body.scrollTop 始终为 0。参见 document.body.scrollTop is always 0 in IE even when scrolling .

因此，down 永远不会添加到您的页眉 div 中。根据使用的浏览器，您需要组合使用 document.body.scrollTop 或 document.documentElement.scrollTop。