Question

我使用fullpage.js建立了一个网站。我现在在触摸设备上遇到问题：当启用autoScrolling时，我经常无法刷到其他部分。这就像你已经在页面底部。我在所有尝试过的触摸设备上都有这个问题（Ipad和Iphone与Chrome和Safari，Android与Chrome）。在台式计算机上我没有这个问题。

访问www.airport-signage.com查看问题。

我对fullpage.js的设置：

$(document).ready(function() {
        $('#fullpage').fullpage({
            anchors: ['home', 'approach', 'work', 'services', 'company', 'team', 'contact'],
            menu: '#menu',
            'autoScrolling': true,
            'controlArrows': true,
            'slidesNavigation': false,
            'verticalCentered': false,
            'touchSensitivity': 5,
            'css3': true,
            'fixedElements': '#fixedHeader',
            'scrollOverflow': true,
            'normalScrollElements': '#map_canvas',
            'sectionsColor': ['#3df945', '#000', '#fff', '#3df945', '#000', '#fff', '#3df945'],
            'onLeave': function(){
                stuff
            },

        });
    });

问题是什么？我该如何解决？

Answer 1

除去＆＃39; normalScrollElements＆＃39;：＃map_canvas＆＃39;，帮助我摆脱了这个问题。

Answer 2

只是想知道原始海报是否曾经弄明白了什么。

我最近开始使用fullPage.js，并且在插入锚点以便更好地导航后，它在移动Chrome上无法正常工作。

fullpage.js无法移动到触摸设备上的下一部分

2 个答案: