【问题标题】:IOS-Chrome: While scrolling screen getting freezedIOS-Chrome:滚动屏幕冻结时
【发布时间】: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

【问题讨论】:

    标签: javascript html css reactjs material-ui


    【解决方案1】:

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多