0

スクロールすると、スクロールがフェードアウトを開始する必要があるドキュメントの高さの前に 100px に達すると、固定 div がフェードインします。

以下のコードのどこが間違っているか誰か指摘してもらえませんか?

$(window).scroll(function() {
if ($(window).scrollTop()>100) {
    $('#boxcont').fadeIn();
}
else {
    $('#boxcont').fadeOut();
}
if ($(window).scrollTop() + 100 > $(document).height() - $(window).height() ){
    $('#boxcont').fadeOut();
}
});

ここにフィドルのデモがあります

4

1 に答える 1

0

stopjQueryの機能を利用したくなるでしょう。通常は の前にも使いたいと思うでしょうが、あなたの状態がどのように述べられているかという理由で、fadeInそれは常にスクロールしているので、簡単にするためにここでは省略します。stopfadeIn

$(window).scroll(function() {
    if ($(window).scrollTop()>100) {
        $('#boxcont').fadeIn();
    }
    else {
        $('#boxcont').stop(true).fadeOut();
    }
    if ($(window).scrollTop() + 100 > $(document).height() - $(window).height() ){
        $('#boxcont').stop(true).fadeOut();
    }
 });

新しいjsFiddle デモを見る

于 2013-11-08T03:39:52.280 に答える