【问题标题】:Pinch to zoom not working on iPad with fullPage.js使用 fullPage.js 在 iPad 上捏合缩放不起作用
【发布时间】:2015-04-20 14:15:20
【问题描述】:

我正在使用 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
})

谁能帮帮我?非常感谢!

【问题讨论】:

  • 你能给我们一个你的代码示例吗?
  • 我只用了一个插件 fullpage.js $('#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}

标签: javascript fullpage.js


【解决方案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'); // 

    });
});

而且效果很好。

【讨论】:

  • 是的,当然,它在 iphone 6 上完美运行,而不是原生
  • 你从哪里拿到的脚本?
猜你喜欢
  • 1970-01-01
  • 2011-10-31
  • 1970-01-01
  • 2011-11-26
  • 2018-12-15
  • 2014-10-24
  • 2020-05-15
  • 2017-04-23
  • 1970-01-01
相关资源
最近更新 更多