水平滾動條與fullpage.js

Question

我正在建立一個網站，使用css列爲一個非常長的'約'節。該網站也使用fullPage.js。移動水平滾動條允許觀看者閱讀許多列文本。這在桌面上完美工作，是一個很好的解決方案。

問題是水平滾動條在手機上消失。我假設這與在fullPage.js和一些觸摸屏條件覆蓋它的代碼有關？也許不是，這是一些奇怪的CSS問題？

您可以在這裏開發瀏覽網站：

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

Answer 1

用於與水平滾動條的元素fullpage.js選項normalScrollElements。

從fullpage.js docs：

normalScrollElements：（默認爲空），如果你想避免自動滾動滾動在某些元素的時候，這是你需要使用的選項。 （對地圖，滾動div等很有用）它需要一個帶有這些元素的jQuery選擇器的字符串。 （例如：normalScrollElements： '＃部件1，.element2'）

例如：

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

而且......使用最新版本2.7.4。 你使用的是相當古老的。