Question

我正在开发一个ios webapp，它将使用phonegap进行包装，因此通常会禁用缩放并且视口不可缩放。

我有一个幻灯片，我使用swiper.js - 我使用iscroll.js进行缩放功能。

当我放大图片并现在滑动以在缩放的框架上四处看看时，会解释滑动以转到下一张幻灯片图像。

所以我的想法是添加课程＆＃34; swiper-no-swipe＆＃34;当我处于缩放模式时幻灯片显示，当我缩放回原始大小时将其删除。

我猜iscroll.js正在使用css-transform进行缩放功能，因此您必须请求transform-value是否大于0，然后添加no-swipe类。

有谁知道怎么做？

提前致谢

Answer 1

这是我的解决方案：

    //NO SWIPE//
$('.swiper-slide').on('vmousedown', function(e) {

var matrix = $('.photo-aktiv').css('-webkit-transform');
var values = matrix.match(/-?[\d\.]+/g);
var n = values.toString(); 
var first = n.split(',', 1);
var länge = parseFloat(first);
if(länge>1){
     $(".swiper-slide").addClass('swiper-no-swiping');

}else{
    $(".swiper-slide").removeClass('swiper-no-swiping');
}

});

phonegap - 放大swiper.js幻灯片

1 个答案: