app放大缩小,同时左右切换页面。插件pinchzoom.js在iscroll和swipper中使用

pinchzoom.js  代码网上可以自行点击下载 pinchzoom下载


下载的压缩包demo,包含一般简单实例,以及在swipe中使用方法。




但是,我们公司前不久项目使用iscroll,所以在iscroll中也尝试引入,结果项目上线,效果很好,可以用iscroll左右滑动,同时当前页面也可以捏和放大缩小。直接上代码!

几乎和原生无区别,只需要搞清楚具体项目要操作的具体DOM对象即可。

< div class= " scroll ">

< div class= " item slide1 ">
< div class= ' slide-back '></ div>
< img class= " slide1_bg2_main " src= " assets/images/liangdian/2-1-main.png " />
< div class= " page ">
< div class= " pinch-zoom ">
< div class= " description ">
</ div>
< img src= " assets/images/liangdian/2-1.png " class= " liangdian-2-1 " />
</ div>
</ div>
</ div>
</ div >

js:
var el = document . querySelector( ' .slide1 div.pinch-zoom ');
new PinchZoom(el, {});




猜你喜欢

转载自blog.csdn.net/coder_daiwang/article/details/78183491
今日推荐