iScroll 4 – 恢复默认/原生缩放功能答案

【问题标题】：iScroll 4 – restore the default/native zoom featureiScroll 4 – 恢复默认/原生缩放功能
【发布时间】：2012-11-08 22:51:47
【问题描述】：

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

【问题讨论】：

标签： javascript html iscroll4 touchmove

【解决方案1】：

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

From the documentation：

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

【讨论】：

感谢您的回答。我已经尝试过了，但它根本没有缩放任何东西。而且我认为这只会缩放可滚动而不是整个页面。
@insertusernamehere 在他们在文档中提供的演示中，缩放至少对您有用吗？
是的，它在演示中工作，但它很跳跃，意味着：你缩放，你看到结果，你拿掉手指，它会重新计算，然后重新渲染视图（在装有 iOS 5.1 的 iPad 3)
@insertusernamehere 至于结果，它可能是你能得到的最好的，因为它仍然是缩放仿真。如果它在您的页面中的工作方式不同，则您的页面中可能存在问题。在没有看到任何东西的情况下很难说出它是什么。
我找到了一个“本地”解决方案。但是再次感谢您的帮助，当然您是对的，它仍然是您可以获得的最好的仿真。

【解决方案2】：

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

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

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

【讨论】：