2009-08-15 6 views
7

ユーザーが特定のピクセル数を超えてスクロールした後に要素のスタイルを変更し、ユーザーがスクロールした後に要素を変更する必要があります。 jQueryを使用していますので、可能であればjQueryを使いたいと思います。誰かが200ピクセルを超えてスクロールした後にdivにクラス名を追加した後、200ピクセル以下にスクロールした後にクラス名を削除した例は誰でも提供できますか?jQueryを使用して、ユーザーがどのくらい下にスクロールしたかを測定できますか?

答えて

15

scrollTop,scrollLeftおよびEvents/Scrollを参照のこと。

例:彼らは代わりにビューポートを使用するので

$('div#something').scroll(function() { 
    if ($(this).scrollTop() > 200) { 
     $(this).addClass('foo'); 
    } else { 
     $(this).removeClass('foo'); 
    } 
}); 
0

これが動作していない、携帯電話は.scrollTop()は受け付けておりませんので。したがって、携帯電話で.scrollTop()は常に0になります。それでも正しいソリューションを探していますが、見つけていません。