Question

我想实现这个effect

请注意，当您向下滚动标题如何保持固定但也会稍微改变时。我怎么能这样做？

我知道如何使用CSS，但希望在标题中添加更多样式。

Answer 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

之间切换

CSS / Jquery固定标题+更改

1 个答案: