如何讓jquery工具疊加滾動頁面的其餘部分？

Question

我在這方面有點新。我在aktrailhead.com的頁面中實施了覆蓋。 例如，請看http://aktrailhead.com/baldy/baldy.shtml

問題是，即使向上或向下滾動，疊加層始終保留在瀏覽器窗口中的相同位置。頁面的其餘部分相應地向上或向下移動，而覆蓋層則不會移動。

這是小屏幕（如平板電腦）上的問題，因爲覆蓋的底部部分（由小屏幕截斷）仍然無法觸及。

要測試，請在上面的鏈接中打開疊加層。然後，調整瀏覽器窗口的大小，以便窗口底部切斷頁面 - 因此需要滾動。在這種情況下，您會注意到疊加層的下半部分是不可訪問的，而頁面的其餘部分會滾動（像它應該那樣）。

也許這是相對於瀏覽器空間的疊加定位問題，而不是頁面本身？我想如果它相對於身體元素定位，它會相應地向上或向下移動。我不知道，但我希望這是一個簡單的解決方案。我試着用CSS修復這個問題，但到目前爲止沒有運氣。

Answer 1

我想通了這一點，用的幫助：http://jquerytools.org/documentation/overlay/index.html

在呼籲在你的代碼覆蓋（）時，固定屬性可以改變假。

在我的情況：

...覆蓋（{效應： '蘋果'，頂：10，固定：假}）...

真的很容易，解決問題的全部。現在，疊加層會與頁面的其餘部分正確滾動。我早就發現它了，但對於谷歌而言，這些術語太模糊了，而「Jquery Tools」網頁並沒有幫助我馬上找到答案。無論如何，它就像魅力一樣。

Answer 2

你可以試試Fancybox爲您的燈箱。它處理lightbox的定位和調整大小。