小编lop*_*opu的帖子

javascript在滚动上固定的位置

我有这个div只是一个标题.

<div class="container-fluid DFOCpadding">
<div class="row">
    <div class="col-lg-12">
        <div class=" text-center ">
        <span class="toptext">DANCE FOR OVARIAN CANCER</span>
        </div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

还有一个导航栏,我想把它定位为固定的

<nav class="navbar navbar-default">
<div class="container"> 
    <div class="navbar-header page-scroll">
        <button type="button" class="navbar-toggle glyphicon glyphicon-chevron-down" data-toggle="collapse" data-target="#navbar">
            <span class="sr-only">Dance Dance</span>
        </button>
    </div>
    <div class="collapse navbar-collapse" id="navbar">
        <ul class="nav navbar-nav">
            <li><a href="http://danceforovariancancer.com.au">HOME</a></li>             
            <li><a class="scroll" href="#register"><span class="register">REGISTER</span></a></li>
            <li><a class="scroll" href="#faq">FAQ's</a></li>    
            <li><a class="scroll" href="#acts">ACTS</a></li>    
            <li><a class="scroll" href="#about">ABOUT</a></li>  
            <li><a class="scroll" href="#contact">CONTACT</a></li>      
        </ul>
    </div>
</div>
</nav>  
Run Code Online (Sandbox Code Playgroud)

当你滚动浏览它时,我需要页面才能抓住导航栏,就像在这个网站上一样:https://ovariancancer.net.au/

我已经看到了这方面的答案,但它们非常局限于OP的用例,所以我无法让它为我的页面工作.

干杯

html javascript css jquery twitter-bootstrap

5
推荐指数
1
解决办法
1467
查看次数

标签 统计

css ×1

html ×1

javascript ×1

jquery ×1

twitter-bootstrap ×1