隱藏的，絕對位置的元素導致滾動到頂部的取消隱藏

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。