javascript - 无法在导航栏上实现 slidedown() 动画

Question

我试图让我的标题导航栏在用户访问我的网页时向下滑动，但我一定是做错了什么，因为我的功能没有注册，因此导致导航栏从 get-去吧。

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