IOS-Chrome：滚动屏幕冻结时

Posted 2023-02-22

【中文标题】IOS-Chrome：滚动屏幕冻结时

【英文标题】：IOS-Chrome: While scrolling screen getting freezed

【发布时间】：2020-03-07 21:41:22

【问题描述】：

1) 我正在使用带有 react js 的材料 ui。 我添加了简单的 scollable 代码，当我到达屏幕/滚动的底部时，它会冻结。

2) 我也尝试使用简单的 html 页面，它可以正常工作。

    <div
        style=
          height: 400,
          overflowY: "scroll",
          WebkitOverflowScrolling: "touch"
        
      >
        Arr.map((rec, i) => 
          return <h1 key=i>rec</h1>;
        )
    </div>

请告诉我，出了什么问题...

问题仅出现在 IOS chrome 上，

提前致谢：D

【参考方案1】：

通过添加以下代码，我得到了解决方案。

document.body.addEventListener("touchmove", e => e.stopPropagation() );