隐藏，绝对定位的元素导致滚动到顶部取消隐藏

Question

为垃圾标题道歉。我正在构建一些菜单视图，我只想在用户输入上显示。 Here is the fiddle - 示例是基本的，但它几乎都是我想要的功能，除非用户在页面上向下滚动一些，当显示view时，它会将页面滚动到顶部。

任何想法如何让窗格只显示在文档中的任何位置，无论用户滚动多远或向下滚动？

Answer 1

我正在overflow: hidden元素中添加#main以及height: 100%，但不确定原因，但这导致页面滚动回到顶部。

如果我将overflow添加到文档的body而不是元素，它会实现相同的目标并导致页面不滚动到顶部;我也应该使用fixed元素而不是absolute我认为。

Here is an updated fiddle that works properly