移动端利用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();

  

posted @ 2014-04-25 15:21  hitbs228  阅读(149)  评论(0编辑  收藏  举报