带有 fullpage.js 的水平滚动条

Question

我正在构建一个网站，该网站使用 css 列作为很长的 'about' 部分。该网站还使用 fullPage.js。移动水平滚动条允许查看者阅读多列文本。这在桌面上完美运行，是一个很好的用户体验解决方案。

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

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

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

Answer 1

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

来自fullpage.js docs：

normalScrollElements: (default null) If you want to avoid the auto scroll when scrolling over some elements, this is the option you need to use. (useful for maps, scrolling divs etc.) It requires a string with the jQuery selectors for those elements. (For example: normalScrollElements: '#element1, .element2')

例如：

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

并且...使用最新版本2.7.4。 你用的那个已经很旧了