Javascript/CSS window.scrollTo(0,0)无效

Question

我正在构建一个Web应用程序,当执行某个操作时,该Web应用程序的一部分需要滚动到顶部.这是window.scrollTo(0,0)完美的处理,直到我在下面添加一些CSS样式(我需要这个项目).

有谁知道为什么下面的CSS会停止window.scrollTo(0,0)工作？

* {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

PS我不能在我的情况下使用jQuery,以防万一我建议我这样做.

Answer 1

我有同样的问题,这解决了它:

document.getElementById('ELEMENT_ID').scrollIntoView();

ELEMENT_ID您希望滚动到视图中的对象的id 在哪里,在您的情况下,它通常是标题.

请注意,这仅适用于Firefox浏览器,因为其他浏览器尚未实现平滑滚动选项(请参阅更多信息:http://caniuse.com/#feat=scrollintoview).

Answer 2

尝试替代方案:

document.body.scrollTop = 0;

Answer 3

我移除此块的情况解决了这个问题

html, body {
  overflow-x: hidden;
}

Answer 4

事实证明，主体中的主要元素没有设置高度，这意味着滚动到不起作用，但是过渡 CSS 在 webkit 中自动给出元素高度......修复了 CSS 以给它一个设置高度并且它可以工作再次！