我在mobile safari中有个问题。我有一个嵌套结构
body { position: fixed }
,其中有一个父分区和一个子分区。容器分区有:
.container { overflow-y: scroll; -webkit-overflow-scrolling: touch; }
还有
max-height
属性,该属性由javaScript动态设置。
在mobile safari中,当我在child div的内容之外对容器进行过度滚动时(在“过度滚动”或“橡皮筋/橡皮筋”滚动效果中,我会感到各种各样的不安,如下所示:
我搜遍了所有我能找到的资源,但都没有用。我觉得有一条信息可能与此相关:
如果我禁用元素上的滚动,我可以像试图滚动一样拖动屏幕,有时我可以让子内容的底部消失,并显示iPhone上约40px的容器div的背景。它大致与底部控制栏的大小相同,但显示在控制栏的上方。
我还读到了一条深入人心的评论,说safari曾在scroll上触发调整大小事件,但我已将事件侦听器设置为在触发调整大小事件进行测试时发出警报,但还没有发生这种情况。
我不知道该找什么来补救。关于这是什么原因的想法?
注意:FWIW,这是内置的React和create React应用程序。