jquery - Safari 和 chrome 中的灯箱窗口问题

Question

我在使用 jquery novice to ninja 一书中的简单灯箱示例的 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 或其他不是一个选项，因为我需要对 lootbox 进行太多自定义。

Answer 1

position: fixed因为覆盖很好地解决了这个问题！