jquery - Fullpage.js 和移动设备 : How to enable section/slide switch if content overflow must be enabled?

Question

在尝试了一些选项后，我仍然没有得到满意的结果:

使用的Javascript库是FullpageJS ( http://alvarotrigo.com/fullPage/ )

Fullpage.js 使用以下设置进行初始化:

$('#fullpage').fullpage({
   sectionsColor: colors,
   anchors: anchors,
   scrollOverflow: true,
   afterSlideLoad: function() {
      startTheSliders();
   },
   onLeave: function(index) {
        setTimeout(function() {
            $.fn.fullpage.scrollSlider(index,0);
        },1000);
   }
});

重要提示:根据文档，scrollOverflow:true 已设置(并且必须设置为 true)，因为尤其是在移动设备上，幻灯片的内容有时会高于屏幕高度。

但是，绝对要求用户可以用手指(而不是导航)在幻灯片之间水平和垂直切换。预期行为如下:

1. 水平开关如果手指向左或向右移动则切换滑动

2. 垂直切换幻灯片:仅当幻灯片滚动到底部并且手指向下移动时，才会下一张底部幻灯片。下一张顶部幻灯片:仅当幻灯片滚动到顶部并且手指向上移动时。

(以前的)开发项目可以在这里找到:http://www.studiodankl.com/

Answer 1

这个问题实际上与 fullpage.js 本身无关 - 它实际上是一个无效的插件修改。

但是，正如其他一些人遇到此问题一样:检查任何其他 HTML、CSS 和尤其是 JavaScript，因为这很可能会导致问题。