出现后,Modal无法点击 - Safari

问题描述 投票:0回答:1

SAFARI ONLY

我在桌面Safari上遇到了奇怪的错误。我想在滚动网站到达某个点后显示模态。不幸的是,当我们在safari模式上这样做是不可点击的(z-index问题?)。我一直在使用react + react-modal,但我认为这个问题与其中任何一个都无关。

源代码+ demo:https://codesandbox.io/s/p5x9331y8x

我注意到当我们在setTimeout()中包装触发函数时,我们将能够看到模态仅在滚动事件出现时停止工作。 https://codesandbox.io/s/3q7rmpj1mq

Ofc setTimeout()在这里不是解决方案......我发现了与此相关的问题,但其中任何一个都不能完全匹配我的问题:

此外,当身体上没有overflow: hidden时,它可以正常工作,但这也不是解决方案(显然我们希望阻止背景滚动)。

注意:关于演示,在到达页面的最后一部分后会出现模态(重新创建此问题)。最好以全屏方式打开页面进行测试。

任何帮助将非常感激。

javascript html css safari react-modal
1个回答
0
投票

通过从overflow: hidden更改为overflow-y: hidden来解决问题...

© www.soinside.com 2019 - 2024. All rights reserved.