首页 > 代码库 > 内容导航滚动最顶端的时候 固定
内容导航滚动最顶端的时候 固定
.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