无法在 iPhone 网页上向上滚动列表



我正在构建一个reactjs小部件,里面有可滚动的列表(垂直),它占据了移动设备上的整个视口(我防止默认的touchmove"在窗口上,以免滚动背景)。

但是当我在iPhone上打开这个小工具时(在Safari和Chrome上都测试过),我可以向下滚动列表,但不能向上滚动!如果我想向上滚动,我需要在向上滚动之前向下滚动一点(一个动作,不抬起手指)。我也有反向列表(相同的设计,只是使用flex-direction: column-reverse),并且无论flex方向如何,我都有完全相同的行为。

我还注意到"touchmove"当我可以滚动时,列表上的事件不会触发,但是当我不能滚动时它会触发。

它在台式机、平板电脑(iPad也一样)和安卓设备上都能很好地工作——只是不能在iPhone上。

我需要滚动条在iPhone上同时工作

这是我的错误-这是使用body-scroll-lock和"touchmove"的preventDefault的组合

现在全部修复