jQuery 两个 "paged"导航栏

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