html - 在菜单项的子项中添加大型菜单(容器宽度)

Question

我的菜单有一个容器，然后是 col-md-7 菜单。 这个菜单是一个带有 li 的 ul。在此 li 中，我需要一个具有容器宽度和位置的 megamenu 下拉列表。

如果我将它放在 ul li 之外，我会遇到一些悬停问题。

菜单是粘性的，所以必须定位

<div class="container">
    <div class="row">
        <nav class="menu menu-container col-md-7 col-xs-12 col-sm-12 desktop">
            <ul>
                <li><a class="" href="http://wearhouse-dev.webshopapp.com/vans/">VANS<i class="fa fa-angle-down"></i></a>
                    <div class="megamenu ">
                        <ul class="dropmenu">
                            <li><a href="http://wearhouse-dev.webshopapp.com/vans/old-skool/" class="animsition-link">OLD SKOOL</a></li>
                            <li><a href="http://wearhouse-dev.webshopapp.com/vans/classics/" class="animsition-link">CLASSICS</a></li>
                            <li><a href="http://wearhouse-dev.webshopapp.com/vans/boots/" class="animsition-link">BOOTS</a></li>
                            <li><a href="http://wearhouse-dev.webshopapp.com/vans/atwood/" class="animsition-link">ATWOOD</a></li>
                            <li><a href="http://wearhouse-dev.webshopapp.com/vans/iso-runners/" class="animsition-link">ISO RUNNERS</a></li>
                            <li><a href="http://wearhouse-dev.webshopapp.com/vans/sk8-hi/" class="animsition-link">SK8-HI</a></li>
                            <li><a href="http://wearhouse-dev.webshopapp.com/vans/pro/" class="animsition-link">PRO</a></li>
                        </ul>
                    </div>
            </ul>
        </nav>
    </div>
    <!-- end row-->
</div>
<!-- end container -->

Answer 1

您可以使用 Yammm Mega Menu.MoSTLy用于创建Mega Menu且易于实现