-1

私が求めているのは、現在持っているものに収まる少しのコードだけです。

ブラウザー ウィンドウの高さが 900px 未満の場合、上部近くに矢印が表示されます。矢印をクリックするとフェードアウトし、ユーザーがページの別の部分に移動します。ユーザーがスクロールして一番上に戻ると、矢印がフェードインして再び表示されるようにしたいと思います。これまでの私のコードは次のとおりです。

if($(window).height()>900){
    $("#contact a.arrow").fadeOut();
}

if($(window).height()<900){
    $("#contact a.arrow").fadeIn(1000);
}

$("#contact a.arrow").click(function() { 
    $("#contact a.arrow").fadeOut(); 
});

$(window).resize(function() {
if($(window).height()>900){
    $("#contact a.arrow").fadeOut();
}

if($(window).height()<900){
      $("#contact a.arrow").fadeIn(1000);
}
});
4

1 に答える 1

0

scrollイベントと関数を探していると思います。scrollTopたとえば、次のようなものです。

var fadingIn = false;
$(window).scroll(function() {
    if (!fadingIn && $(window).scrollTop() === 0) {
        fadingIn = true;
        $("#contact a.arrow").fadeIn(1000, function() {
            fadingIn = false;
        });
    }
});

=== 0そうでない場合は< n、nユーザーが矢印を見始める前に、トップにどれだけ近づきたいか。

于 2012-11-15T11:02:41.793 に答える