.fixed {position: fixed;top: -5px;left: 0;width: 100%;box-shadow: 0 0 3px #f2f2f2;-webkit-box-shadow: 0 0 3px #f2f2f2;-moz-box-shadow: 0 0 3px #f2f2f2;}
//nav fixed
var menu = $(‘.usernav‘),
pos =
menu.offset();
$(window).scroll(function () {
if
($(this).scrollTop() > pos.top + menu.height() &&
menu.hasClass(‘default‘)) {
menu.fadeOut(‘fast‘, function
() {
$(this).removeClass(‘default‘).addClass(‘fixed‘).fadeIn(‘fast‘);
});
} else if ($(this).scrollTop() <= pos.top
&& menu.hasClass(‘fixed‘)) {
menu.fadeOut(‘fast‘,
function () {
$(this).removeClass(‘fixed‘).addClass(‘default‘).fadeIn(‘fast‘);
});
}
});//end
内容导航滚动最顶端的时候 固定,布布扣,bubuko.com
原文：http://www.cnblogs.com/aimyfly/p/3754647.html