bootstrap 5导航栏折叠div高度不工作

dddzy1tm 于 2022-12-07 发布在 Bootstrap

关注(0)|答案(2)|浏览(153)

我正在使用bootstrap5导航栏。在导航栏中有下拉菜单链接。它的工作，但问题是，在320*480屏幕大小的下拉折叠，但不能滚动或访问下拉菜单内的菜单项。谁能帮助我解决这个问题。感谢事先的帮助。我的代码：https://codepen.io/ANANTHUC/full/RwjvVKe
第一个

twitter-bootstrap

来源：https://stackoverflow.com/questions/71346814/bootstrap-5-navbar-collapse-div-height-not-working

2条答案

按热度按时间

yi0zb3m41#

更新css中的以下样式。

div#navbarSupportedContent {
    position: absolute;
    width: 100%;
    z-index: 1;
    top: 56px;
    left: 0;
    background: #0062cc;
    overflow: hidden;
    overflow-y: auto;
    max-height: calc(100vh - 56px);
}

赞(0）回复(0）举报 2022-12-07

okxuctiv2#

在bootstrap 5中有一个CSS类navbar-nav-scroll来处理滚动行为。在你的代码中试试这个：

<ul class="navbar-nav ms-lg-auto customNav navbar-nav-scroll">

还有，你可以用style="--bs-scroll-height: 100px;"来调整滚动长度，所以它会是这样的

<ul class="navbar-nav ms-lg-auto customNav navbar-nav-scroll" style="--bs-scroll-height: 100px;">

在 Bootstrap 文档中引用

赞(0）回复(0）举报 2022-12-07

我来回答

bootstrap 5导航栏折叠div高度不工作

2条答案

相关问题

热门标签

最新问答