Bulma 导航栏下拉菜单在带有滚动条的导航栏中打开

Question

所以我制作了一个导航栏下拉菜单，(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>

Answer 1

已修复，css：

.nav-right {overflow-y:visible}

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

Bulma 导航栏下拉菜单在带有滚动条的导航栏中打开

Bulma navbar dropdown menu opening in the navbar with scroll bar

html

css

drop-down-menu

navbar

bulma