解决方法
这是一个变体,导航栏会淡出,您可以控制用户在导航栏出现之前需要滚动的距离：
http://jsfiddle.net/panchroma/nwV2r/
它应该适用于大多数元素,而不仅仅是导航条.
使用您的标准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));