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

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

使用的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)，因为尤其是在移动设备上，幻灯片的内容有时高于屏幕高度。

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

如果手指向左或向右移动，则水平滑动开关滑动

垂直开关幻灯片:仅当幻灯片滚动到底部且手指向下移动时，才显示下一个底部幻灯片。下一张顶部幻灯片:仅当幻灯片滚动到顶部并且手指向上移动时。

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

最佳答案

该问题实际上与fullpage.js本身无关，实际上是无效的插件修改。

但是，由于其他一些人遇到此问题，请执行以下操作:检查所有其他HTML，CSS和，尤其是JavaScript ，因为这很可能会引起问题。

关于jquery - Fullpage.js和移动设备: How to enable section/slide switch if content overflow must be enabled?，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/33288286/