Question

我为简单的HTML5网站构建一个简单的标题。我试图让标题更改某个.scrollTop()的背景颜色。我知道scroll部分正在运行，而不是动画。

$(document).ready(function(){
    $(window).scroll(function(){
        var SCROLL = $(window).scrollTop();
        if(SCROLL > 100) {
            $('header#header').animate({
                background:'#fff'
            },300);
        }
    });
});

Answer 1

您只使用jQuery，请记住您只需使用外部插件来设置jQuery的背景颜色。

请检查小提琴：

http://jsfiddle.net/m3dis/L06dcg4c/

我用过这个插件：

http://www.bitstorm.org/jquery/color-animation/

<强>但是

我建议您使用CSS3过渡和jQuery addClass，removeClass 。

示例：

if(SCROLL > 100) {
            jQuery('header').addClass('white');
        } else if(SCROLL < 100) {
            jQuery('header').removeClass('white');
        }

http://jsfiddle.net/m3dis/L06dcg4c/1/

滚动上的jQuery Animate标题

1 个答案: