在iOS上使用iScroll.js时启用缩放功能

Enabling pinch zoom on iOS when using iScroll.js

本文关键字：启用 缩放 功能 js iScroll iOS      更新时间：2023-09-26

我正在使用iScroll.js构建一个单页可滚动的web应用程序，无论我做什么，我都无法使其内置的缩放功能发挥作用。我正在包含iScroll-zoom.js文件，但仍未取得任何成功。

我把这个放在我的文件头上：

<script src="js/iscroll.js"></script>
<script src="js/iscroll-zoom.js"></script>
<script src="js/iscroll-probe.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">

这个脚本：

function loaded () {
myScroll = new IScroll('#wrapper', { 
    mouseWheel: true,
    zoom: true,
    bounce: false 
});

根据iScroll文档，这应该是可行的，但事实并非如此。如果有帮助的话，我需要在iPad上运行。

function createZoomForID (id) {
    $timeout(function(){
        var wrapper = document.getElementById(id);
        var myScroll = new IScrollZ(wrapper, {
            zoom: true,
            zoomMin: 1,
            zoomMax: 4,
            scrollX: true,
            scrollY: true,
            mouseWheel: true,
            freeScroll: true,
            wheelAction: 'zoom',
        });
        $scope[id] = myScroll;
    }, 125);
}
相关文章：