小编nvi*_*uru的帖子

如何将粘性 div 保持在固定标题下方

我在我的项目中使用 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)

html javascript css twitter-bootstrap bootstrap-4

7
推荐指数
1
解决办法
8934
查看次数

标签 统计

bootstrap-4 ×1

css ×1

html ×1

javascript ×1

twitter-bootstrap ×1