jQuery スクロールで表示・非表示

Question

超初心者の質問で大変すみません、
以下の構文をもとに、スクロールが200に達したらボタンを非表示にするようにしたいです。
よろしくお願いします。

$(function() {
    var topBtn = $('#page-top');    
    topBtn.hide();
    //スクロールが100に達したらボタン表示
    $(window).scroll(function () {
        if ($(this).scrollTop() > 100) {
            topBtn.fadeIn();
        } else {
            topBtn.fadeOut();
        }
    });
});

Answer 1

const display = $('#page-top').css('display');
if ( $(this).scrollTop() > 100
     && $(this).scrollTop() < 200) {
  if ( display == 'none' )
    topBtn.fadeIn();
} else {
  if ( display == 'block' )
    topBtn.fadeOut();
}

Comments

[kanchanaburi]

#page-top　にはグレー背景、「page top」文字のスタイルがついてます。
回答していただいた構文から以下のようにしてみたところ、うまくいきました。

$(function() {
var topBtn = $('#page-top');
topBtn.hide();
//スクロールが100に達したらボタン表示
$(window).scroll(function () {
if ($(this).scrollTop() > 100
&& $(this).scrollTop() < 200) {
topBtn.fadeIn();
} else {
topBtn.fadeOut();
}
});
});

>スクロールが200に達したらボタンを非表示
↑この書き方がわからなかったので。

ありがとうございました!