CSS/Jquery 固定页眉 + 更改

【问题标题】：CSS/Jquery Fixed Header + ChangeCSS/Jquery 固定页眉 + 更改
【发布时间】：2012-11-11 01:35:21
【问题描述】：

我想实现这个effect

请注意，当您向下滚动时，标题是如何保持固定但也会发生一些变化的。我该怎么做？

我知道如何使用 CSS 来实现，但想为标题添加更多样式。

【问题讨论】：

【解决方案1】：

查看页面来源即可：

$(window).scroll(function(){
    if ( $('div.wrapper').width() >= 660 ) {
        if ( $(this).scrollTop() > pos.top+header.height() && header.hasClass('default') ) {
            header.fadeOut('fast', function(){
                $(this).removeClass('default').addClass('scrolling').fadeIn('fast');
            });
        } else if ( $(this).scrollTop() <= pos.top+header.height() && header.hasClass('scrolling') ) {
            header.fadeOut('fast', function(){
                $(this).removeClass('scrolling').addClass('default').fadeIn('fast');
            });
        }
    }
});

有一个滚动监听器，当事件发生时 - 菜单的类在 .default 和 .scrolling 之间切换

【讨论】：