Jquery 无法向下滚动幻灯片内容

在一个包含一个部分和多个幻灯片的页面上使用fullpage.js，我无法在触摸设备上上上下滑动任何幻灯片的内容。 如果我将幻灯片内容包装在

内容中

，在我的触摸屏启用笔记本电脑上会出现一个滚动条，我可以用鼠标滚动，但不能用手指滚动。在我的iphone和ipad上，没有滚动条出现，也不可能滚动。在我的三星运行androïd时也是这样

请参见此处的示例：

有人知道吗

多谢各位

---

séb.

这里有几个链接可以帮助您在触摸屏设备中进行滚动

这是您可能需要在css中添加的内容

 -webkit-overflow-scrolling: touch;

---

您可以针对不同的浏览器对上述内容进行更多的研究，这是因为您在fullPage.js中使用了一个可滚动的元素。该插件只在一个节与另一个节之间滚动，因此如果您想让它知道您在一个节中有一个可滚动的元素，您应该让它知道

您应该使用fullPage.js的选项

normalScrollElements

$('#fullpage').fullpage({
    sectionsColor : ['#ccc', '#456'],
    normalScrollElements: '.slide-content'
});

发件人：

normalScrollElements:（默认为空）如果要避免在滚动某些元素时自动滚动，则需要使用此选项。（对地图、滚动div等有用）这些元素需要一个带有jQuery选择器的字符串。（例如：normalScrollElements:'#element1、.element2'）

甚至可能

normalScrollElementTouchThreshold

normalScrollElementTouchThreshold：（默认值5）定义html节点树上跳数的阈值Fullpage将测试normalScrollElements是否匹配以允许在触摸设备上的div上滚动功能。（例如：normalScrollElementTouchThreshold:3）

---

谢谢我刚刚添加了这个特定于JSFIDLE示例的webkit，但它在webkit浏览器上没有做更多的事情。。。请参阅：。你在这里给出的第三个链接是一个很好的例子，它是一个可滚动的div，可用于我尝试过的所有设备。所以我很确定这个问题是fullpage.js特有的。。。我希望有一种方法可以在不使用更多javascript的情况下滚动这个可滚动的div（！），因为它首先应该是可行的……fullpage.js可能会在创建元素之前附加一些样式/类。如果存在任何fullpage.css，请尝试在div.引用的样式中提供这些选项。。