画面スクロールでバナー表示、さらに一定スクロールでバナー非表示にする方法

Question

前提・実現したいこと

https://codingmania.net/jquery/1503.html
上記ページを見ながら、
画面を一定スクロールするとバナーが表示・固定されるようにしました。
（閉じるボタンで非表示）

(function($) {
 
$(function () {
    var display = function () {
    if ($(this).scrollTop() > 1000) { //scroll量
            $(".Bnr").fadeIn();
        } else {
            $(".Bnr").fadeOut();
        }
    };
    $(window).on("scroll", display);
    //click
    $(".Bnr p.close a").click(function(){
    $(".Bnr").fadeOut();
    $(window).off("scroll", display);
    });
});
 
})(jQuery);

これに＋で一定スクロール量を超えたらバナーを非表示、
もしくは特定要素までスクロールしたらバナーを非表示としたいのですが、
どのように記述すればよいでしょうか。

☆バナーを表示したい場合
・スクロール量が1000以上2000未満の時

☆バナーを非表示にしたい場合
・スクロール量2000以上の時
・スクロール量が1000未満の時
・閉じるボタンを押したとき

何卒よろしくお願いいたします。

Answer 1

こちらの質問を参考に解決しました。

(function($) {
 
$(function () {
    var display = function () {
    if ($(this).scrollTop() > 1000 && $(this).scrollTop() < 2000) { //scroll量
            $(".Bnr").fadeIn();
        } else {
            $(".Bnr").fadeOut();
        }
    };
    $(window).on("scroll", display);
    //click
    $(".Bnr p.close a").click(function(){
    $(".Bnr").fadeOut();
    $(window).off("scroll", display);
    });
});
 
})(jQuery);