Jquery 在滚动条上显示和隐藏横幅

Jquery Show and hide banner on scroll

我正在尝试显示滚动超过 1000 像素的横幅。 所以,它可以工作,但我只需要打开和关闭它一次。

Here my complete demo

这是我的 .js

    $(window).scroll(function () {
        if ($(this).scrollTop() > 1000) {
    $("#banner-promo").fadeIn("slow", function () {});

        }

       else {
            //  $('#BackToTop').css({'visibility': 'hidden'});
            $("#banner-promo").fadeOut("slow", function () {});
        }
  $("#chiudi").click(function(){
    $("#banner-promo").fadeOut("slow");
});
});

这样做的最佳做法是什么?

提前致谢

根据评论,您的答案是利用 remove() 移除元素而不是隐藏它。

例如:https://jsfiddle.net/Twisty/0go8snsL/

$("#banner-promo").remove();