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
时,它可以正常工作,但这也不是解决方案(显然我们希望阻止背景滚动)。
注意:关于演示,在到达页面的最后一部分后会出现模态(重新创建此问题)。最好以全屏方式打开页面进行测试。
任何帮助将非常感激。
通过从overflow: hidden
更改为overflow-y: hidden
来解决问题...