iScroll 4 – 恢复默认/本机缩放功能

iScroll 4 – restore the default/native zoom feature

本文关键字:本机 缩放 功能 默认 恢复 iScroll      更新时间:2023-09-26

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

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

从文档:

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

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

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

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