Jquery 在滚动条上显示和隐藏横幅
Jquery Show and hide banner on scroll
我正在尝试显示滚动超过 1000 像素的横幅。
所以,它可以工作,但我只需要打开和关闭它一次。
这是我的 .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();
我正在尝试显示滚动超过 1000 像素的横幅。 所以,它可以工作,但我只需要打开和关闭它一次。
这是我的 .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();