在safari和chrome中的灯箱窗口问题

Question

我在使用jquery新手到忍者的书中的简单灯箱示例中遇到了chrome和safari的问题

$('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很好地排序了这个问题！