javascript - document.body.scrollTop の値が 0 のままになる

Question

ユーザーが特定の距離をスクロールしたときに変更したいテキストが少しあります。ただし、スクロールすると、の値はのdocument.body.scrollTopまま0です。

var scroll = document.body.scrollTop;
if (scroll < 50) {
    document.write("A");
} else {
    document.write("B");
}

ログを確認すると、の値がscrollから変化しないため、スクロール時に0テキストがからAに切り替わることはありません。B事前に助けてくれてありがとう。

編集：最初の3つの答えはどれもうまくいかないようです。私はいくつかのコンテキストを提供する必要があると思います。

私のデザインポートフォリオサイトを構築します。ここで初期のビルドを表示します。ユーザーがページを下にスクロールするときに、バナーの「デザイナー」という単語を他の記述子の単語に変更できるようにしたいのですが、現在のスクロール位置を聞くことができないようです。

score 0 · Accepted Answer

var el = $('.test');

//alert(el.scrollTop());

el.on('scroll', function(){
    if(el.scrollTop()>50){
  alert(el.scrollTop());
    }

});

これを試して。

3 に答える 3