Jquery 隐藏、绝对定位的元素会导致在取消隐藏时滚动到顶部

为垃圾标题道歉。我正在构建一些只想在用户输入时显示的菜单视图。-这个示例是基本的，但它的功能与我所希望的非常相似，只是如果用户在页面上向下滚动，当显示视图时，它会将页面滚动到顶部

有没有办法让窗格只显示在文档中的任何位置，不管用户向上或向下滚动多远？

我添加了溢出：隐藏到主元素以及高度：100%，不确定原因，但这导致页面返回顶部

如果我将溢出添加到文档的主体而不是元素中，它会实现相同的目标，并导致页面不会滚动到顶部；而且我认为我应该使用固定元素而不是绝对元素