javascript - スクロールするまで画像を表示しますか?

Question

ページに入ると表示され、ユーザーがスクロールすると消える画像を Web ページに表示することは可能ですか?

基本的に、コンテンツの横に下向きの矢印が必要で、ユーザーがスクロールした後に矢印が消えるようにします。

これはCSSだけで可能ですか、それともjavaScriptの仕事ですか?

score 3 · Accepted Answer

ここに簡単なjQueryスニペットがあります

$(function() {
    var $img = $('#myImg');
    $(document).on('scroll', function() {
        $img.hide();
    });
});

更新- 上部にスクロールされていない場合にのみ非表示にするには、これを使用します。

$(function() {
    var $img = $('#myImg');
    $(document).on('scroll', function() {   
        $img.toggle(!$(this).scrollTop());
    });
});

score 0 · Accepted Answer

javascript を使用して画像のスクロールイベントハンドラを設定し、スクロールイベントが発生したときに画像が消えるようにする必要があります。

3 に答える 3