Foundation Modal半透​​明背景被切断

Foundation Modal semi-transparent background cuts off

好的,这是演示站点: http://hayati.yahyauddin.com/

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

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

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

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

我似乎已经解决了这个问题。问题是在 _reveal.scss 中,position 被设置为 absolute 非常奇怪。有一条评论说 allows modal background to extend beyond window position 用于混合。这显然不是这种情况。

我刚刚将 position: absolute 更改为 position: fixed 并且有效!

请随时发表评论,说明您认为开发者这样做的原因。

Zurb 的家伙们将其默认位置从固定位置更改为绝对位置(我不明白为什么)然后他们改变了主意并再次回到固定位置。

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

更新会有所帮助:)