基础模态半透明背景切断

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并且有效！

随意发表评论，说明为什么你认为开发者会这样做。