移动端利用iscroll实现小图变大图

大图界面，使用iscroll，定义如下：

var myScroll;



function loaded(){

    myScroll = new iScroll('wrapper', {

        zoom:true,

        zoomMax:1.5,

        hScrollbar:false,

        vScrollbar:false,

        doubleTapZoom:1,

        lockDirection:false,

        momentum:false,　　　　//滑动惯性关掉，有助于体验

    });

}



$(document).on('DOMContentLoaded', function () { setTimeout(loaded, 200); }); 

重要的是，每次进入大图界面，需要执行如下代码，确保进入时为初始状态，而不是之前放大过的状态：

myScroll.zoom(0,0,1,0);  //或为myScroll.scale = 1 ;   

myScroll.enable();

myScroll.refresh();