iPad 中的弹跳滚动（反应）答案

【问题标题】：Bounce scrolling in iPad (react)iPad 中的弹跳滚动（反应）
【发布时间】：2021-03-18 19:48:53
【问题描述】：

我已经测试了很多东西，但还没有任何效果。我有一个页面，如果需要，它的内容是可滚动的。它在 Windows Chrome 和 Firefox 中运行良好，但在 ios 和 Safari 中它有一个不需要的垂直弹跳滚动。

我看到这里的人提到：https://github.com/lazd/iNoBounce 是他们的解决方案。但是如何在反应中使用它？

【问题讨论】：

标签： ios reactjs scroll safari

【解决方案1】：

希望大家阅读顺利，

我有一个来自未来的答案。

运行npm i inobounce

将其导入您的index.js 或您的ReactDOM.render(...) 所在的任何位置

import inobounce from "inobounce"

放

inobounce.enable();

某处，我把我的直接放在ReactDOM.render(...)之后

不要忘记在滚动的元素上添加-webkit-overflow-scrolling: touch; 样式，它们也应该有height 或max-height、overflow: auto 或overflow: scroll。

这可能对 OP 没有帮助，因为我已经晚了一年，但希望它对某人有所帮助。

【讨论】：

感谢您的关心！我会在以后的情况下尝试这样做。

【解决方案2】：

您尝试过从https://www.npmjs.com/package/react-bouncefix 转换为react-bouncefix 吗？

使用起来很简单（来自文档）：

var Bouncefix = require('react-bouncefix');

var MyComponent = () => {
  return (
    <Bouncefix className="Bouncefix">
      Hello from MyComponent!
    </Bouncefix>
  );
}

【讨论】：

我认为这个包不再支持了。它的最后一次发布是 5 年前。我尝试使用它但抛出错误