现代移动浏览器上的侧边栏菜单和主要内容

Question

我试图通过向主要内容添加一个 100% 高度、隐藏溢出和绝对位置的类来避免在打开侧边栏菜单时滚动移动浏览器中的主要内容°，但问题是如果我向下滚动然后打开菜单，我会自动移动到页面顶部，并且不会停留在打开侧边栏之前的位置。我不知道出了什么问题。

我尝试了一些解决方案，例如保存位置，然后强制窗口始终停留在该位置，直到侧边栏关闭，但我很确定有一种更简洁的方法可以做到这一点。

谁有更好的主意？

非常感谢。

°（我认为这种技术被称为“画布外”）

Answer 1

您必须将侧边栏放在页面顶部，这就是它滚动到顶部的原因。要解决这个问题，只需使用position:absolute;