码迷,mamicode.com
首页 > 其他好文 > 详细

内容导航滚动最顶端的时候 固定

时间:2014-05-28 22:41:25      阅读:311      评论:0      收藏:0      [点我收藏+]

标签:c   class   a   width   set   cti   

.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

内容导航滚动最顶端的时候 固定

标签:c   class   a   width   set   cti   

原文地址:http://www.cnblogs.com/aimyfly/p/3754647.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!