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