javascript - IOS-Chrome : While scrolling screen getting freezed

Question

1) I am using material ui with react js. i have added simple scollable code, when i reached at bottom of the screen/scroll, its freez.

2) i also try with simple html page, its working correctly.

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

请告诉我，有什么问题...

问题仅发生在 IOS chrome 上，

提前致谢:D

Answer 1

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

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