Question

我正在使用fullPage.js插件，我无法通过捏在iPad上进行缩放。我有以下代码：

$('#fullpage').fullpage({
    sectionsColor: ['#fff', '#fff', '#fff', '#fff', '#fff', '#fff'],
    anchors: ['home', 'concertation', 'essences', 'jeVote', 'lastPage'],
    loopHorizontal: false, menu: '#menu',
    slidesNavigation: true, slidesNavPosition: 'bottom',
    scrollingSpeed: 700,
    css3: true,
    keyboardScrolling: false,
    touchSensitivity: 1
})

有人可以帮帮我吗？非常感谢！

Answer 1

我只是通过输入以下代码来实现缩放以放大javascript。

$(document).ready(function() { 

    var scale = 0.7; // initial-scale
    var r = 0.10;

    $(document).bind('gesturechange',function(event){

        if(event.originalEvent.scale > 1) scale = scale < 1.2 ?  scale+r : 1.2 ;
        else scale = scale > 0.7 ? scale-r : 0.7 ;

        $('meta[name=viewport]').attr('content', 'width=device-width, minimum-scale='+ scale.toFixed(2) +', maximum-scale='+ scale.toFixed(2) +', user-scalable=yes'); // 

    });
});

它完美无缺。

使用fullPage.js捏缩放不能在iPad上工作

1 个答案: