javascript - 应该只显示在滚动条上

Question

大家好，当您滚动到标题超过标题 my site 时，我希望在导航菜单中添加链接方面得到一些帮助。在导航栏上方有一个标题，我需要主页按钮只显示在滚动条上，纯粹用于链接，我想对其应用 ease in style 或 jquery ease effect。所以它从左边进入到它现在所在的位置，整个导航栏内容需要在这之前和之后居中，所以所有其他按钮也需要平滑过渡。

<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 navbar">
<div class="container">             
    <div class="navbar" id="navbar">
        <div class="wrapcenter">
        <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>
</div>

我只能每 90 分钟问一个问题，我很累所以去 sleep ，希望醒来后能得到一些答案，所以这是另一个问题..我正在为 this site 创建一个子站点正如您所看到的，他们的导航栏固定在顶部，但导航栏上方的标题没有。我一直在寻找这方面的答案，但他们使用的 javascript 与 OP 的代码非常相关，所以我无法让它为我的解决方案工作。有没有人知道一个简单的替代方法，当它滚动到卵巢癌标题的舞蹈时它会粘住，然后当您回到顶部时又会松开？

干杯，尼克

我添加了一个 margintop 类

.margintop {
margin-top: 100px;

但它不起作用，因为 .. 原因我总是在事后意识到，但有经验的程序员可能会预见到。无论如何，这就是我离开网站的方式，所以任何答案都会很棒 :)

Answer 1

尝试将 display:none 设置为 #navbar div，然后使用此 jquery 脚本在滚动条上显示它。

$(document).ready(function(){
    $(window).scroll(function(){

          $('#navbar').show();

    });
});