解决方法
这是一个变体,导航栏会淡出,您可以控制用户在导航栏出现之前需要滚动的距离:
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));