gpt4 book ai didi

javascript - Bootstrap 4 滚动到 div

转载 作者:行者123 更新时间:2023-11-30 15:11:08 26 4
gpt4 key购买 nike

我使用的是 Bootstrap 4,出于某种原因,滚动到 div 功能仅适用于手机/较小的屏幕尺寸。

Javascript 代码:

  <script>
$(".navbar-nav li a").click(function(event) {
if (!$(this).parent().hasClass('dropdown'))
$(".navbar-collapse").collapse('hide');
}); </script>

导航栏链接:

        <li class="nav-item">
<a class="nav-link" href="#about-us"><button type="button" class="btn btn-green">About</button></a>
</li>

分区:

  <div class="about" id="about-us">
<div class="container">
test
</div>
</div>

最佳答案

navbar-brand 类与 navbar-nav 重叠。因此将 z-index 添加到 html 页面中的 navbar-nav

<ul class="navbar-nav ml-auto" style="z-index:1;">

关于javascript - Bootstrap 4 滚动到 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45095637/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com