在ios上禁用弹性滚动（橡皮筋效果）

Question

我正在努力使我的网站对所有设备更加灵活和通用。但是，我在尝试为IOS进行调整时遇到了一个问题，即弹性滚动或橡皮筋效果（当你滚动到网站结尾并且你仍然可以滚动它，所以你可以看到隐藏的内容） 。我已经在众多来源中寻找解决方案，但它们都没有帮助我有效地解决问题（正文中的overflow: hidden;禁用了网页的所有滚动功能）。我想用html / css或纯JavaScript（No Jquery或其他库）解决问题。这是我的webpage

提前感谢您的帮助。

Answer 1

以上解决方案，拥有一个固定的容器是一个很好的解决方案。但是，如果您无法访问HTML层次结构的顶部，有时可能很难应用。

因此，如果用户尝试使用JS滚动网站顶部，您可以禁用移动操作，例如;

createPipe()

Answer 2

您可以向容器div添加fixed属性，因此它不可滚动，然后使容器中的内容可滚动（例如，可滚动到文章并将文章放在固定容器中）。这不是问题的最佳解决方案，尽管它对我有用。