2

我在这个领域有点新。我已经在我的 aktrailhead.com 页面中实现了覆盖。例如,查看http://aktrailhead.com/baldy/baldy.shtml

问题是,即使向上或向下滚动,叠加层总是停留在浏览器窗口中的相同位置。页面的其余部分相应地向上或向下移动,而叠加层则永远不会移动。

这是小屏幕(例如平板电脑)的问题,因为覆盖层的底部被小屏幕截断,仍然无法触及。

要进行测试,请在上面的链接中打开一个覆盖。然后,调整浏览器窗口的大小,使窗口底部切断页面 - 因此需要滚动。您会注意到在这种情况下,覆盖的下部是如何不可访问的,而页面的其余部分会滚动(就像它应该滚动的那样)。

也许这是相对于浏览器空间而不是页面本身的覆盖定位问题?我想如果它相对于 body 元素定位,它会相应地向上或向下移动。我不知道,但我希望这是一个简单的解决方法。我试过用 CSS 解决这个问题,但到目前为止还没有运气。

4

2 回答 2

7

我想通了这一点,在帮助下:http: //jquerytools.org/documentation/overlay/index.html

在代码中调用 overlay() 时,可以将fixed属性更改为false

就我而言:

...覆盖({效果:'苹果',顶部:10,固定:假})...

真的很简单,解决了整个问题。现在,叠加层与页面的其余部分一起正确滚动。我会早点找到它,但这些术语对谷歌来说太模糊了,而且“Jquery 工具”网页并没有帮助我立即找到答案。无论如何,它就像一个魅力。

于 2012-08-15T04:53:50.463 回答
0

您可以为您的灯箱尝试Fancybox。它处理灯箱的定位和调整大小。

于 2012-08-07T02:04:24.437 回答