javascript - スクロールしてdiv要素を表示

Question

ページがスクロールされたときに2つのdivを表示したいのですが、一度表示されると、もう非表示になりません。次のコードはdivを表示するために機能しますが、一番上に戻ると非表示になります。

$(window).scroll(function() {
    if ($(this).scrollTop() > 0) {
        $("#tip-2").show();
        $("#now-available").show();
    } else {
        $("#tip-2").hide();
        $("#now-available").hide();
    }
});

Answer 1

どうですか...

var madeVis = false;

$(window).scroll(function() {
    if ($(this).scrollTop() > 0) {
        $("#tip-2").show();
        $("#now-available").show();
        madeVis = true;
    } else if (!madeVis) {
        $("#tip-2").hide();
        $("#now-available").hide();
    }
});