javascript - Chrome 61 主体不滚动

Question

有谁知道为什么在 body 元素上分配 scrollTop 不再有效？

例如:document.body.scrollTop = 200

使文档不滚动。

原因:Chrome finally made scrolling spec conformant在版本 61

解决方案:使用scrollingElement

将示例更新为:

var scrollNode = document.scrollingElement ? 
                 document.scrollingElement : document.body;
scrollNode.scrollTop = 200;

Answer 1

这个问题末尾描述的解决方案(检查 document.scrollingElement 或回退到 document.body)在 IE 上不起作用，因为它不起作用不支持 document.scrollingElement ( docs )，在 IE 中，scroll 元素是 HTML 元素。

因此，我建议对此有更好的解决方案；

var scrollNode = document.scrollingElement || document.documentElement;

这应该适用于所有现代浏览器。

---

作为旁注，有趣的是考虑到添加 scrollingElement 属性似乎只是为了制作它，以便我们不需要检查/获取根滚动元素的回退，但由于更多浏览器不兼容，我们仍然需要检查/回退才能使用 scrollingElement。

网络开发是不是很有趣？