jquery - 基础模态半透明背景切断

Question

好的，这里是演示站点： http ://hayati.yahyauddin.com/

要查看模式，请将鼠标悬停在产品上并单击缩放按钮以显示产品的快速视图。

如果继续向下滚动，您将看到灰色半透明背景停止。无论屏幕大小如何，都会出现此问题！

为什么会发生这种情况，我该如何解决？

注意：这个问题似乎没有出现在基金会网站： http: //foundation.zurb.com/docs/components/reveal.html

Answer 1

Zurb 人将其默认位置从固定更改为绝对（我不明白为什么）然后他们改变主意并再次回到固定位置。

这是在 5.5.1 https://github.com/zurb/foundation/commit/45f9b407ffeeca4b44c5a2afde4f0e58abf4bb78中实现的

更新将有所帮助:)

Answer 2

我似乎已经解决了这个问题。问题是在_reveal.scss 中，位置被设置为绝对值很奇怪。有一条评论说allows modal background to extend beyond window position混入。显然不是这样。

我只是改变了position: absolute它position: fixed，它的工作原理！

随意发表评论，说明您认为开发人员为何这样做。