2015-12-21 142 views
2

因此,我有大約8頁,或多或少都希望用戶能夠水平滾動到每個頁面。然而,這8個頁面中的每一個也很長,並且每個頁面也需要一個垂直滾動條。所以當用戶使用水平滾動條時,他們應該能夠瀏覽不同的頁面,但是當使用垂直滾動條時,他們應該能夠在他們正在查看的頁面上上下滾動。帶有垂直滾動條的水平滾動條頁面導航

我看着fullpage.js和sly.js,我不確定哪一個最適合實現這種設計。此外,如果任何人有任何其他建議如何做到這一點,那也會很棒。

回答

0

如果您使用fullpage.js,它不會提供任何水平滾動條。您可以使用鍵盤箭頭或使用網站中的任何可視元素將一張幻燈片水平滾動到另一張幻燈片。

fullpage.js默認提供箭頭。但是你可以用他們替代任何其他元素。

然後,您可以使用選項scrollOverflow:true來允許幻燈片內的垂直滾動。

+0

在進入不同的頁面時,它是否像ajax一樣工作?每次頁面加載時一樣,或一次全部加載。我在每個頁面上都有動態內容。 – grasshopper97

+0

如果你願意,你可以使用任何ajax技術,只是想到你不能動態創建節或幻燈片。如果您添加內容,請確保在其後調用fullpage.js方法'reBuild'。 – Alvaro