html - 使用绝对位置 div 在 body 上启用滚动

Question

在 body 元素内，我有 divposition: absolute;我正在尝试在此页面上执行滚动选项window.scrollTo(0,500)。

我无法将位置从绝对位置更改为其他位置。

可以在这些条件下进行滚动吗？

<div id="body>
    <div id ="main>
    </div>
</div>

main{
  position: absolute;
  width: 100%;
  top: 0;
  box-sizing: border-box;
  padding: 1rem 0;
  background: #bdf;
  overflow: hidden;
}

和：

body {
margin: 0;
overflow: scroll
}

标签： htmlcssscrollposition

Answer 1

你有没有这样尝试过，

setTimeout(function() { window.scrollTo(0, 500); }, 0);