3

次の jQuery 関数に問題があります。

$(document).ready(function(){

    $(window).scroll(function(){
        if ($(window).scrollTop() + $(window).height() == $(document).height()) {
            $('.scrollToTop').fadeOut();
        } else {
            $('.scrollToTop').fadeIn();
        }
    });

    $('.scrollToTop').click(function(){
        $('html, body').animate({scrollTop : 0},800);
        return false;
    });
});

この関数は、ユーザーがページを下にスクロールしたときに DIV を表示するためのものです。今私の問題は、ページが読み込まれ、ウィンドウが既に上にあるときにDIVがすでに表示されることです! 下にスクロールすると、DIV が残ります。その DIV をクリックすると、ウィンドウが上にスクロールし、DIV が消えます。問題は、ページをロードした後に表示されることだけです。

それで、何が原因なのかわかりませんか？

どうもありがとう。

4

1 に答える 1

2

最初にfadeOutまたはhideを追加するだけです。それはそれを行う必要があります。

$(document).ready(function(){
    $('.scrollToTop').hide();
    $(window).scroll(function(){
        if ($(window).scrollTop() + $(window).height() == $(document).height()) {
            $('.scrollToTop').fadeOut();
        } else {
            $('.scrollToTop').fadeIn();
        }
    });

    $('.scrollToTop').click(function(){
        $('html, body').animate({scrollTop : 0},800);
        return false;
    });
});
于 2013-05-06T07:04:00.500 に答える