带有fullpage.js的水平滚动条

Question

我正在构建一个使用css列的网站，这个网站很长一段时间都在关注＆＃39;部分。该网站还使用fullPage.js。移动水平滚动条允许观看者阅读许多文本列。这在桌面上完美运行，是一个很好的ux解决方案。

问题是移动设备上的水平滚动条消失了。我假设这与fullPage.js中的代码和一些触摸屏条件覆盖它有关吗？也许不是，但这是一个奇怪的CSS问题？

您可以在此处查看开发中的网站：

http://mpaccione.com/GET800/index.html#About

Answer 1

对于带有水平滚动条的元素，请使用fullpage.js选项normalScrollElements。

来自fullpage.js docs：

  

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

例如：

$('#demo').fullpage(){
    normalScrollElements: '#aboutCol'
});

并且...使用最新版本2.7.4。 你正在使用的那个很老了。