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