我在这个领域有点新。我已经在我的 aktrailhead.com 页面中实现了覆盖。例如,查看http://aktrailhead.com/baldy/baldy.shtml
问题是,即使向上或向下滚动,叠加层总是停留在浏览器窗口中的相同位置。页面的其余部分相应地向上或向下移动,而叠加层则永远不会移动。
这是小屏幕(例如平板电脑)的问题,因为覆盖层的底部被小屏幕截断,仍然无法触及。
要进行测试,请在上面的链接中打开一个覆盖。然后,调整浏览器窗口的大小,使窗口底部切断页面 - 因此需要滚动。您会注意到在这种情况下,覆盖的下部是如何不可访问的,而页面的其余部分会滚动(就像它应该滚动的那样)。
也许这是相对于浏览器空间而不是页面本身的覆盖定位问题?我想如果它相对于 body 元素定位,它会相应地向上或向下移动。我不知道,但我希望这是一个简单的解决方法。我试过用 CSS 解决这个问题,但到目前为止还没有运气。