叠加 CSS 效果不正常

Question

我正在制作网页，但遇到了问题。当屏幕为 980px 或更小时，菜单会自行隐藏，屏幕上会出现一个 'Hamburger' 之类的按钮菜单。当您单击该按钮时，div 会占据整个屏幕并显示菜单（效果很好）。但是，当您向下滚动并单击 'Hamburger' 按钮时，叠加层 div 只会出现在其原始位置上。看看这个：

如果您在网页顶部打开它，会发生以下情况：

但是，当您向下滚动时，会发生以下情况：

明白了吗？我希望叠加效果适合整个屏幕，而不仅仅是网页顶部的space，这是页面：

http://wwww.sinvender.com/hg/index.htm

如果有人知道如何解决这个问题，请告诉我，谢谢！如果您想自己尝试，请打开上面的 link 并缩小您的浏览器..

Answer 1

我在叠加 div!

上使用 "position: fixed" 而不是 "position: absolute" 修复了它