滚动时触发弹出窗口

Question

我尝试制作一个简单的弹出框，当您到达页面底部时会触发该框。问题是当我关闭弹出窗口然后向上滚动时，弹出窗口再次被触发。我该如何预防？代码如下：

>>> secret = base64.b64encode(bytes(mycode,"UTF-8"))
>>> secret
b'cHJpbnQgJ0hlbGxvIFdvcmxkISc='
>>> base64.b64decode(secret)
b"print 'Hello World!'"

如果你想查看完整的代码，这里是 JSFiddle：https://jsfiddle.net/ilhamadli/jewoqg8h/18/

感谢您提供的任何建议，谢谢。

编辑：我希望弹出框在关闭后不再被触发

Answer 1

试试这个脚本。

var isclosed = false

$(window).scroll(function(){
    if($(window).scrollTop() + $(window).height() == $(document).height() && !isclosed)
        $("#newsletter").slideDown(600, function () {
            $('#newsletter').css('display', 'block');
        });
});

function closePopup(){
isclosed = true;
    $('#newsletter').slideUp(600, function () {
        $('#newsletter').css('display', 'none');
    });
}

更新答案

Answer 2

你的比较器错了，试试这个

$(window).scroll(function(){
    if($(window).scrollTop() + $(window).height() == $(document).height())
        $("#newsletter").slideDown(600, function () {
            $('#newsletter').show();
        });
});