Question

当某人在某个点之后开始向下滚动时，我会在网站上显示一个简报部分。在这个时事通讯部分，有一个关闭按钮，可以关闭此时事通讯部分。然而问题是，当他们关闭时事通讯并再次开始滚动时，它会重新出现。所以第一个功能就是取消第二个功能。关闭按钮如何从页面中删除新闻稿按钮，而当它们再次开始滚动时不再出现？

var amountScrolled = 300;

$(window).scroll(function() {
    if ( $(window).scrollTop() > amountScrolled ) {
        $('.Newsletter_btn').fadeIn('slow');
    } else {
        $('.Newsletter_btn').fadeOut('slow');
    }
});

$(document).ready(function(c) {
    $('.alert-close').on('click', function(c){
        $(this).parent().fadeOut('slow', function(c){ });
    });
});

×

Answer 1

很简单。只需添加一个变量，什么是即时通讯已关闭？

我称之为showNewsletter。

加载页面时，它是true。当使用向下滚动时，它会出现。如果用户已关闭，请将其设置为false，现在您知道，您不应该再次显示它。

var amountScrolled = 300;
var showNewsletter = true; //init 

$(window).scroll(function () {

    if ($(window).scrollTop() > amountScrolled) {
        if (showNewsletter) { //show only if not turned off
            $('.Newsletter_btn').fadeIn('slow');
        }
    } else {
        $('.Newsletter_btn').fadeOut('slow');
    }
});

$(document).ready(function (c) {
    $('.alert-close').on('click', function (c) {
        $(this).parent().fadeOut('slow', function (c) { });
        showNewsletter = false; // turn off
    });
});

关闭后停止滚动动画

1 个答案: