jquery - jQuery：ScrollTop 动画标题 div 类

Question

我有一个<div class="header">我希望能够在页面滚动 300 像素后制作动画。我尝试使用以下脚本：

$(body).scroll( function() {
var value = $(this).scrollTop();
if ( value > 300 )
    $(".header").css("height", "220px");
else
    $(".header").css("height", "120px");
});

但似乎没有任何工作......

是页面顶部的<div class="header">固定元素，我想知道是否可以添加多个 css 参数，不像$("div").css("one css-argument", "value")？（这个问题已经解决了）

编辑： 当页面滚动超过 300 像素时，我希望页眉调整它的高度和字体大小。

Answer 1

$(body)body除非是在其他地方定义的变量 ，否则是错误的。

你实际上应该使用的是$(document)

更新

$(document).scroll(function () {
    var value = $(this).scrollTop();
    if (value > 300) $(".header").css({height:220, fontSize:40});
    else $(".header").css({height:120, fontSize:20});
});

小提琴