IOS-Chrome:滚动屏幕冻结时

时间:2019-11-12 07:56:24

标签: javascript html css reactjs material-ui

  

1)我将材料ui与react js一起使用。   当我到达屏幕/滚动条底部时,我添加了简单的可存储代码。

     

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 个答案:

答案 0 :(得分:0)

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

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