Question

我试图让我的标题导航栏向下滑动用户访问我的网页，但我必须做错事，因为我的功能没有注册，从而导致导航栏出现在从一开始就全部完成。

请参阅Bootply。

HTML：

<div class="navbar navbar-inverse navbar-fixed-top">
            <div class="container">

                <div class="collapse navbar-collapse navHeaderCollapse">

                    <ul class="nav navbar-nav navbar-right">

                        <li><a id="tab1" href="#">Text</a></li>

                    </ul><!-- END: "nav navbar-nav navbar-right" -->
                </div><!-- END: "collapse navbar-collapse navHeaderCollapse" -->
            </div><!-- END: "container" -->
        </div><!-- END: "navbar navbar-inverse navbar-fixed-top" -->

CSS：

.navbar-inverse {
    display:none;
}

JS：

$('.navbar-inverse').slideDown(1000);

Answer 1

您应该将导航栏的min-height属性更改为0 http://www.bootply.com/bGD3AAUds4

Answer 2

你也可以这样做：

DEMO：http://www.bootply.com/WOXmGk0wqF

Addclass Slide In（或任何您想要调用的内容）：

<div class="navbar navbar-inverse navbar-fixed-top slideIn">

CSS

.slideIn {
    top:-100px;
}

.navbar {transition:all 1s ease-in-out}

jQuery的：

$('.navbar-inverse').removeClass('slideIn');

无法在导航栏上实现slidedown（）动画

2 个答案: