jquery - jquery hide scroll to top of page div

Question

ページの上部にいるとき、jQuery で「トップに移動」div ボタンを非表示にする必要があります。ページの一番上にいるときにボタンが表示され、スクロールバーが一番上に達したらボタンを非表示にし、ページを下にスクロールし始めると表示する必要があります。

ここに私のコードがあります、

$(function() {
    var $elem = $('#content');

    $('#nav_up').fadeIn('slow');
    $('#nav_down').fadeIn('slow');  

    $(window).bind('scrollstart', function(){
    $('#nav_up,#nav_down').stop().animate({'opacity':'0.2'});
    });
    $(window).bind('scrollstop', function(){
        $('#nav_up,#nav_down').stop().animate({'opacity':'1'});
    });

    $('#nav_down').click(
        function (e) {
            $('html, body').animate({scrollDown: $elem.height()}, 800);
        }
    );
    $('#nav_up').click(
        function (e) {
            $('html, body').animate({scrollTop: '0px'}, 800);
        }
    );
});

Answer 1

ウィンドウの scroll() メソッドを追加するだけです:

$(window).scroll(function() {
    if ($(this).scrollTop() > 100) {
        $('#nav_up').fadeIn();
    } else {
        $('#nav_up').fadeOut();
    }
});​

Answer 2

if($(window).scrollTop() == 0){
    //code to hide your element
}