javascript用于固定在滚动条上的位置

我有这个部门，这只是一个标题

<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>

卵巢癌舞蹈

还有一个导航条，我想把它定位为固定的

<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>  

舞蹈

我需要这个页面，当你像在这个网站上一样滚动浏览导航栏时，它能捕捉到导航栏：

我已经看到了这个问题的答案，但是它们非常局限于OP的用例，所以我无法让它在我的页面上工作

干杯

试试这个：

.navbarfixed {
    position: fixed;
 }



$(function() {
var nav = $(".navbar");
$(window).scroll(function() {    
    var scroll = $(window).scrollTop();

    if (scroll >= 500) {
        nav.addClass("navbarfixed");
    } else {
        nav.removeClass("navbarfixed");
    }
});
});

---

她的代码类似于“” 希望这有帮助

$（窗口）。滚动（函数（）{
如果（$（窗口）.scrollTop（）>100）{
$（“.navbar”）.css({
'位置'：'固定'，
“顶部”：“0px”，
“宽度”：“100%”，
“背景”：“cfcfcf”，
“z索引”：“99”
});
}否则{
$（“.navbar”）.css({
'位置'：'相对'，
“背景”：“FFFFFF”，
“宽度”：“100%”
})
}
});

卵巢癌舞蹈
舞蹈















 






















 






















 






















 






















 






















 






















 






















 






















 






















 













































 
DFOCpadding的css是什么？嗨，在bootstrap中只是一个新类“navbar fixed”，那么您的工作就是done@LuckyChingi只需在顶部和底部填充20px的标题：）@MarmikBhatt，但这会将标题发送到顶部并覆盖标题div， cheers@lopu看看我下面的答案，调整if语句以匹配填充，但它应该固定在卷轴上，现在就开始尝试@Shubham Patelcan你除了答案？我不能，因为谁只问了他/她一个问题，我不认为我可以使用它，因为删除整个navbar类会填充样式，除非我让navbarfixed包含所有相同的样式，只是位置：fixed和relative Change？美元（window）。scroll（函数（）做什么？检查窗口是否滚动并返回值