Safari和Chrome中的燈箱窗口問題

Question

我在使用Chromebook和Safari瀏覽器時遇到了問題，這本書是針對Ninja的jquery新手中的簡單燈箱示例

$('body').css('overflow-y', 'hidden'); // hide scrollbars!
    $('<div id="overlay"></div>')
      .css('top', $(document).scrollTop())
      .css('opacity', '0')
      .animate({'opacity': '0.5'}, 'slow')
      .appendTo('body');

問題是，如果頁面的長度大於我可以滾動的窗口的長度，並且看到覆蓋層與jQuery計算到窗口高度的位置之間有明顯的區別，

在Firefox中，我無法滾動。 因此，這實際上不是問題。 不能選擇Colorbox或其他，因為我需要對Loightbox進行過多的自定義。

Answer 1

position: fixed覆蓋層很好地解決了這個問題！