javascript - iScroll 4 – 恢复默认/原生缩放功能

Question

我有一个设置，其中我的可滚动容器占据了视口的全部宽度和高度。我使用 iScroll 在背景图像上滚动内容。到目前为止工作正常，我没有找到更好的解决方案来固定背景图像（任何想法都会很棒:)）。问题是，我不能再放大页面了，因为 iScroll 为可滚动容器禁用了它，在这种情况下是整个屏幕。有没有办法恢复原生缩放功能？我也会采取“绝望”的解决方案，它会修改 iScroll 库甚至另一个用于滚动的库。

Answer 1

对于大多数移动设备，您将无法获得本机缩放，因为 iScroll 会覆盖 touchstart 和 touchmove 事件。但是，您可以通过打开缩放选项来获得它的模拟版本。

从文档中：

var myScroll = new iScroll('wrapper', { zoom: true });

Answer 2

所以我找到了一个非常好的解决方案，它内置在 iOS5 中：

overflow: scroll;
-webkit-overflow-scrolling: touch;

这对我的案子起到了作用。不需要额外的滚动库，它具有与以前相同的功能（动量滚动、调整大小等）。