1

其实我想有这样的下拉菜单水平滚动菜单：

<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/pure-min.css">

<div class="pure-menu pure-menu-horizontal pure-menu-scrollable pure-menu-fixed">
    <a href="#" class="pure-menu-heading">Brand</a>
    <ul class="pure-menu-list">
        <li class="pure-menu-item"><a href="#" class="pure-menu-link">Home</a></li>
        <li class="pure-menu-item"><a href="#" class="pure-menu-link">Settings</a></li>
        <li class="pure-menu-item"><a href="#" class="pure-menu-link">Log Out</a></li>
        <li class="pure-menu-item pure-menu-has-children pure-menu-allow-hover">
            <a href="#" id="menuLink1" class="pure-menu-link" name="menuLink1">Contact</a>
            <ul class="pure-menu-children">
                <li class="pure-menu-item"><a href="#" class="pure-menu-link">Email</a></li>
                <li class="pure-menu-item"><a href="#" class="pure-menu-link">Twitter</a></li>
                <li class="pure-menu-item"><a href="#" class="pure-menu-link">Tumblr Blog</a></li>
            </ul>
        </li>
    </ul>
</div>

但它不起作用。实际上水平菜单滚动有效，但下拉菜单不起作用（（我发现这是因为 .pure-menu-scrollable 和 pure-menu-has-children 类无法相处。所以此时我可以拥有或滚动菜单或带有下拉菜单的菜单，但不能同时使用两者。

有没有办法让纯菜单既可滚动又可下拉？

4

0 回答 0