Twitter bootstrap 如何使用引导创建隐藏的导航栏，并在滚动后显示？

您能告诉我如何使用引导创建一个隐藏的导航栏，并且只在您开始滚动页面后才显示吗？

这里有一个变化，导航栏淡入，您可以控制用户在导航栏出现之前需要滚动的距离：

它应该适用于大多数元素，而不仅仅是导航栏

使用标准HTML

JS

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

    // hide .navbar first
    $(".navbar").hide();

    // fade in .navbar
    $(function () {
        $(window).scroll(function () {

                 // set distance user needs to scroll before we start fadeIn
            if ($(this).scrollTop() > 100) {
                $('.navbar').fadeIn();
            } else {
                $('.navbar').fadeOut();
            }
        });
    });

});
  }(jQuery));

请参阅本网站：

（函数（$）{
$（文档）.ready（函数（）{
$（窗口）。滚动（函数（）{
如果（$（this）.scrollTop（）>200）{
$（'菜单'）.fadeIn（500）；
}否则{
$（“#菜单”）。淡出（500）；
}
});
});
})（jQuery）；

这是一个改进版，带有缓存元素和动态滚动值

$(document).ready(function(){
    var $nav = $('.nav');//Caching element
    // hide .navbar first - you can also do this in css .nav{display:none;}
    $nav.hide();

    // fade in .navbar
    $(function () {
        $(window).scroll(function () {
            // set distance user needs to scroll before we start fadeIn
            if ($(this).scrollTop() > 100) { //For dynamic effect use $nav.height() instead of '100'
                $nav.fadeIn();
            } else {
                $nav.fadeOut();
            }
        });
    });

});

这个答案会有用的 由于滚动条向下的方式，它将隐藏，如果滚动条向上，它将显示 一点也不

//变量每次都取新位置的值
var-p=0；
（函数（$）{
$（文档）.ready（函数（）{
$（函数（）{
$（窗口）。滚动（函数（）{
//询问卷轴的位置
if（$（this.scrollTop（）
您应该在上找到该解决方案。您不需要引导。你只需要css和javascript就可以做到这一点。
很明显，他/她至少研究过HTML和bootstrap。这是一个可以回答的问题。这对我很有帮助。谢谢非常感谢你！正是我要找的！
$(document).ready(function(){
    var $nav = $('.nav');//Caching element
    // hide .navbar first - you can also do this in css .nav{display:none;}
    $nav.hide();

    // fade in .navbar
    $(function () {
        $(window).scroll(function () {
            // set distance user needs to scroll before we start fadeIn
            if ($(this).scrollTop() > 100) { //For dynamic effect use $nav.height() instead of '100'
                $nav.fadeIn();
            } else {
                $nav.fadeOut();
            }
        });
    });

});