Question

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

$(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")不同？（此问题已解决）

修改当页面滚动超过300px时，我希望标题调整它的高度和字体大小。

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});
});

FIDDLE

jQuery：ScrollTop动画头div类

1 个答案:

更新