-1

私はコードを与えられました：

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

これにより、スクロールを開始したときに画像を非表示にすることができますが、スクロール バーがページの上部に戻ったときに画像を再表示したいと考えています。

これを行う最善の方法は何ですか？

私は試した：

$(function() {
    var $img = $('#arrow');
    $(document).on('top', function() {
        $img.show();
    });
});

しかし、私は何も得ません:(

4

1 に答える 1

1

現在のスクロール位置を確認する必要があります。

デモ: http://jsfiddle.net/gvee/W6nax/

$(document).on('scroll', function() {
    if ($(this).scrollTop() == 0) {
        $('b').text('TOP!');
    }
    else {
        $('b').text($(this).scrollTop());
    }
});

キーは、次によって返される値です。

$(this).scrollTop()

これにより、ドキュメントの現在のスクロール位置がわかります!

于 2013-09-25T16:01:54.777 に答える