0

<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以上スクロールされたときに、ヘッダーの高さとフォントサイズを調整したい.

4

1 に答える 1

3

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

フィドル

于 2013-07-24T12:45:45.617 に答える