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

我在chrome和safari中遇到了一个问题，使用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');

$（'body'）.css（'overflow-y'，'hidden'）；//隐藏滚动条！
$('')
.css（'top'，$（document）.scrollTop（））
.css（'opacity'，'0'）
.animate（{'opacity'：'0.5'}，'slow'）
.附于（“主体”）；

问题是，如果页面比窗口长，我可以滚动看到覆盖和jquery计算到窗口高度的地方之间有一条明显的线

---

在firefox中，我无法滚动。所以这不是一个真正的问题；颜色框或其他选项不是一个选项，因为我需要对loightbox进行太多的自定义。

位置：修复了覆盖层的问题。

很好地解决了这个问题

看看fancybox，“Colorbox或其他不是一个选项”，我更倾向于建议他们如何修复它：）