如何在使用 JavaScript 加载 DOM 后滚动到 position？

Question

我正在尝试以下代码：

document.addEventListener("DOMContentLoaded", function() {
    window.scrollTo(0, 100);
});

不幸的是，浏览器似乎忽略了滚动，即浏览器设置了重新加载之前存在的任何 position。 任何帮助表示赞赏。

Answer 1

试试这个：

window.addEventListener('load', () => {
    setTimeout(() => {
        window.scrollTo(0, 100);
    }, 300);
});

Answer 2

试试这个。

 document.addEventListener("DOMContentLoaded", function(){ setTimeout(function() { window.scrollTo(0, 100); }, 1000); });

 body { width: 100vw; height: 200vh; display: flex; align-items: center; justify-content: center; background-image: linear-gradient(to bottom right, red, yellow); }

 <body> <h1>Hello World </h1> </body>

Answer 3

在这里你可以添加 0 秒计时不需要等待更长的时间

document.addEventListener("DOMContentLoaded", function() {
    setTimeout(function() {window.scrollTo(0, 100);}, 0);
});

如何在使用 JavaScript 加载 DOM 后滚动到 position？

问题描述

3 个解决方案

解决方案1
2 已采纳 2022-02-20 12:23:13

解决方案2
1 2022-02-20 12:19:15

解决方案3
1 2022-02-20 12:31:04

如何在使用 JavaScript 加载 DOM 后滚动到 position？

问题描述

3 个解决方案

解决方案1 2 已采纳 2022-02-20 12:23:13

解决方案2 1 2022-02-20 12:19:15

解决方案3 1 2022-02-20 12:31:04

解决方案1
2 已采纳 2022-02-20 12:23:13

解决方案2
1 2022-02-20 12:19:15

解决方案3
1 2022-02-20 12:31:04