<ul><李>应该只显示在滚动条上

<ul> <li> should only show on scroll

本文关键字：lt gt 显示 滚动条 ul      更新时间：2023-09-26

大家好，我希望在导航菜单中添加链接时能得到一些帮助，当你滚动到标题之外时，我的网站在导航栏上方有一个标题，我需要主页按钮只在滚动时显示，纯粹是为了链接，我想对它应用轻松风格或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分钟只能问一个问题，我很累，所以上床睡觉，希望能醒来得到一些答案，所以这里还有另一个问题。。我正在为这个网站制作一个儿童网站，正如你所看到的，他们的导航条粘在顶部，但导航条上方的标题没有。我一直在寻找答案，但他们使用的javascript与OP的代码非常相关，所以我无法让它为我的解决方案工作。有人知道一个简单的替代方案吗？当它滚动经过癌症头部的舞蹈时，它会粘住，然后当你回到顶部时，它就会松开？

干杯，尼克

我添加了一个带有的margintop类

.margintop {
margin-top: 100px;

}

但它不起作用，因为。。好吧，因为一些原因，我总是在事后意识到，但一个经验丰富的程序员可能会放弃。这就是我离开网站的方式，所以任何答案都会很好：）

尝试将display:none设置为#nawbardiv，然后使用这个jquery脚本在滚动中显示它。

$(document).ready(function(){
    $(window).scroll(function(){
          $('#navbar').show();
    });
});
相关文章：