JavaScript scrollTo 方法什么都不做？

Question

所以我绝望地试图让一些滚动功能在页面上工作。在运气不佳之后，我决定将 window.scrollTo(0, 800); 贴在我的页面上，看看是否可以进行任何滚动。没有任何事情发生。我有一个展开的手风琴，然后我想滚动到其中的特定元素。但是现在我很乐意看到这个东西滚动。有人遇到这个吗？

谢谢！

原文由 Nick 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我能够使用 jQuery 方法 animate() 解决这个问题。这是我使用的实现示例：

 $('#content').animate({ scrollTop: elementOffset }, 200);

选择器正在获取 ID = “content” 的 div。然后，我将使用 scrollTop 作为选项对其应用 animate 方法。第二个参数是动画持续时间的毫秒数。我希望这可以帮助别人。

原文由 Nick 发布，翻译遵循 CC BY-SA 2.5 许可协议

Answer 2

如果你有这样的事情：

 html, body { height: 100%; overflow:auto; }

如果 body 和 html 都具有 100% 的高度定义并且还启用了滚动，则当内容超过那100%的身高。这是因为你看到的滚动条不是窗口的，而是主体的。

解决方案：

 html { height: 100%; overflow:auto; }
body { height: 100%; }

原文由 frevd 发布，翻译遵循 CC BY-SA 3.0 许可协议