Question

大家好我希望得到一些帮助，当你滚动得更远时，在导航菜单中添加一个链接my site在导航栏上方有一个标题，我需要主页按钮才能显示滚动，纯粹是为了链接，我想在它的风格或jquery缓和效果中应用。因此它从左侧到现在所处的位置，整个导航栏内容需要在此之前和之后居中，因此所有其他按钮也需要平滑过渡。

<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分钟只能问一个问题而且非常疲倦，所以上床睡觉，希望可以听到一些答案，所以这是另一个问题..我正在为{{3}制作一个儿童网站正如你可以看到他们的导航栏粘在顶部但导航栏上方的标题并不是。我已经在这方面找到了答案，但是他们使用的是与OP代码相关的JavaScript，所以我无法让它为我的解决方案工作。有没有人知道和容易的替代方案，所以当它滚动过去跳过卵巢癌头部的舞蹈，然后当你回到顶部时，它会粘住？

干杯，尼克

我添加了一个带有

的margintop类

.margintop {
margin-top: 100px;

}

但是它并没有起作用因为我在事后总是意识到这一点，但是有经验的程序员可能会预料到这一点。我是如何离开网站的，所以任何答案都会很棒：）

Answer 1

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

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

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

    });
});

<ul> <li>只应在滚动时显示

1 个答案: