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

时间:2016-11-10 23:18:29

标签: jquery scroll show-hide fadein fadeout

我试图显示横跨1000px的横幅。 所以,它有效,但我需要打开和关闭它一次。

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");
});
});

最佳做法是什么?

提前致谢

1 个答案:

答案 0 :(得分:0)

根据评论,您接下来的答案是利用remove()将元素带走而不是隐藏它。

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

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