使用滚动条在导航栏中打开Bulma导航栏下拉菜单

时间:2017-10-06 20:33:59

标签: html css drop-down-menu navbar bulma

所以我创建了一个导航栏下拉菜单(http://bulma.io/documentation/components/navbar/),但是我希望将菜单放在导航栏之外,所以你不必将其滚动到导航栏内。希望它在我页面上的其他内容之上喜欢自由落体。有没有人知道我可以定义哪些规则来实现这一点?

我可能在他们的文档中忽略了一些关于此的信息,但是我已经尝试了一堆css和html,没有成功。
感谢

           <div class="nav-right nav-menu fa-lg">
            <a class="navbar-item" href="#about">About</a>
            <div class="navbar-item has-dropdown is-active">
                <a class="navbar-item navbar-link">Locations</a>
                <div class="navbar-dropdown">
                    <a id= class="navbar-item">Stockholm</a>
                    <a class="navbar-item">Copenhagen</a>
                    <hr class="navbar-divider">
                    <div class="navbar-item">
                    Norway <3
                    </div>
                </div>
            </div>


            <a class="navbar-item" href="#social">Social</a>    


        </div>

1 个答案:

答案 0 :(得分:0)

已修复,使用css:

.nav-right {overflow-y:visible}

.navbar-item, .nav-right{overflow-x:visible}