我在我的项目中使用 Bootstrap 4,并且在固定导航栏下保留带有“sticky-top”类的 div 似乎遇到问题。我尝试过使用 javascript 来替换滚动上的 css,但这似乎不起作用。我知道有一种方法可以为导航栏设置一个 id 并告诉它不要滚动超过该点,但我似乎无法通过 Google 很好地找到解决方案。任何帮助是极大的赞赏。
下面是我正在使用的代码。
<header class="header_area">
<nav class="navbar navbar-expand-lg menu_one menu_four">
<div class="container">
<a class="navbar-brand sticky_logo" href="#"><img src="images/upayify-logo-white.png" srcset="images/logo2x-2.png 2x" alt="logo"><img src="images/upayify-logo.png" srcset="images/logo2x.png 2x" alt=""></a>
<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="menu_toggle">
<span class="hamburger">
<span></span>
<span></span>
<span></span>
</span>
<span class="hamburger-cross">
<span></span>
<span></span>
</span>
</span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav menu w_menu ml-auto">
<li class="nav-item active">
<a class="nav-link" href="index.php">
<i class="fa fa-home"></i>
</a>
</li>
<li …Run Code Online (Sandbox Code Playgroud)