疊加滾動條

Question

我有一個HTML頁面，我使用一些CSS和jQuery來產生CSS樣式疊加燈箱效果。

的代碼可以看出here

調整窗口大小高度，右手滾動條出現

當燈箱出現，父頁面滾動被禁用。

我遇到的問題是，當瀏覽器窗口高度調整大小時，疊加層開始消失在瀏覽器窗口的頂部和底部，無法查看其內容。

如何更改我的代碼，以便瀏覽器窗口的高度小於疊加div的高度，然後滾動條顯示，讓您滾動到疊加div的頂部和底部。

但同時保持背景父頁面滾動禁用

感謝

Answer 1

解決方案：http://jsfiddle.net/LeZuse/nNdqX/。這只是一個粗略的例子，但足以讓你開始。 這個想法是，一旦你想顯示你的彈出窗口，你可以禁用正文上的滾動，並顯示一個覆蓋容器與你想要的彈出內容。 注意的CSS規則body.overlay和body.overlay #overlay，使您可以只用$("body").addClass("overlay");