ユーザーが特定のピクセル数を超えてスクロールした後に要素のスタイルを変更し、ユーザーがスクロールした後に要素を変更する必要があります。 jQueryを使用していますので、可能であればjQueryを使いたいと思います。誰かが200ピクセルを超えてスクロールした後にdivにクラス名を追加した後、200ピクセル以下にスクロールした後にクラス名を削除した例は誰でも提供できますか?jQueryを使用して、ユーザーがどのくらい下にスクロールしたかを測定できますか?
7
A
答えて
15
scrollTop
,scrollLeft
およびEvents/Scroll
を参照のこと。
例:彼らは代わりにビューポートを使用するので
$('div#something').scroll(function() {
if ($(this).scrollTop() > 200) {
$(this).addClass('foo');
} else {
$(this).removeClass('foo');
}
});
0
これが動作していない、携帯電話は.scrollTop()は受け付けておりませんので。したがって、携帯電話で.scrollTop()は常に0になります。それでも正しいソリューションを探していますが、見つけていません。