Question

美丽说网站顶部，当网页向下拉的时候，导航就会跟着网页面居于顶部移动！

美丽说网站顶部，当网页向下拉的时候，导航就会跟着网页面居于顶部移动！当回到顶部的时候导航又回到了原始的位置 ，求这个js

Answer 1

这里有例子 http://www.36ria.com/demo/css3-menu/
原来就是 判断页面滚动了多少，到了临界点 就把菜单栏加个class 将菜单栏改为 position fixed 固定在头部 当页面滚回到临界点 就把这个class去掉

$(function(){
var menu = $('#menu'),
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');
});
}
});
})