Question

这是一个非常长的镜头，但我会尽力解释。

我目前有一个有导航栏的网站。

我的问题是，当我创建太多导航栏链接时，它只会溢出：http://grab.by/dcDO

是否有办法让它如此，如果有太多的导航链接，那么导航栏的末尾会出现一个小按钮（＆gt;），当用户点击此按钮时，导航栏会滑动到下一页有更多的导航链接（溢出的链接）。

我知道这是一个很长的镜头，但我到处搜索，找不到任何解决方案或提示。以下是我的导航栏的简化代码：

<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

jQuery两个“页面”导航栏

1 个答案: