導航

Question

• 我在列表中有15個項目
• 我有10名這樣的列表
• 每個列表應占據的頁面
• 溢出的項目應通過「被導航上最多1行NEXT「或」PREV「按鈕。
• 爲了顯示每個列表中的項目，我「浮動：左」。
• 但是，然後溢出項目換行到下一行。

現在，我做一個黑客我筆記本電腦屏幕尺寸：

• 我.hide（）在窗口加載的所有項目每個列表
• 然後.show（ ）每個列表的前4項
• 我已經配置了next和prev按鈕。

我認爲這是錯誤的。但它使我能夠看到我的外觀和感覺如何。

請給我建議正確的方法。所有主要網站都會處理這個這是非常普遍的問題。我現在只是無知。

Answer 1

我想我被另一SO響應解決了這個問題：

How to move first child to the end?

感謝您的幫助

Answer 2

實現這一目標的最簡單的方法可能是：

1. 不要使用浮動：左，只要使用正規的在線顯示。
2. 對於容器元素，使用overflow：hidden。
3. 將容器元素包裝在外部容器中，同時也使用overflow：hidden。
4. 現在，當用戶點擊下一個/ prev時，調整/製作內部容器邊距的動畫，以便滑動顯示其他元素。