jQuery的兩個“分頁”導航欄

Question

這是一個很長的路要走，但是我將盡力去解釋。

我目前有一個擁有導航欄的網站。

導航欄如下所示： http : //grab.by/dcDK 。

我的問題是，當我創建太多導航欄鏈接時，它只會溢出： http : //grab.by/dcDO

有沒有辦法做到這一點，如果導航鏈接過多，那么導航欄的末尾會出現一個小按鈕（>），並且當用戶單擊此按鈕時，導航欄會滑動到下一個導航欄更多的頁面鏈接（溢出的鏈接）。

我知道它的遠景，但是我到處搜索，找不到任何解決方案或提示。 以下是我的導航欄的簡化代碼：

<div id="navcontainer">
                        <div id="bottom-bar">
                            <div class="navigation"><li><div class="shadow"><a class="category" id="link_413" style="" href="#!/Shows">Our Shows</a><ul style="margin-left: -88px; display: none; "><li><a class="subnav" id="link_414" style="" href="#!/TheVault">The Vault</a></li></ul></div></li></div>
                            <div id="nav-arrow" style="left: 25px; "></div>
                        </div>
                        <div id="subnav"></div>
                        <div id="subnavlinks"></div>
                    </div>

Answer 1

您可以為此創建一個自定義滾動條，但是涉及很多HTML / CSS經驗：

http://manos.malihu.gr/jquery-custom-content-scroller