javascript - 使用变量控制事件

我有一个页脚弹出窗口，显示页面何时滚动一定数量。我有一点x，用户可以单击以使页脚消失。我正在尝试使用变量来使单击x时的页脚保持隐藏状态。我无法使其按我的意愿工作，我想了解原因。这是代码：

jQuery(function($) {
    $(document).scroll(function(){
        var position = $(this).scrollTop();
        var fired = 0;

        if(position < 360 && fired === 0){
            $('#popup').slideUp();
        } else {
            $('#popup').slideDown();
        }

        $('.close').on('click', function(){
            $('#popup').slideUp();
            fired = 1; // I thought that this was suppose to override the current variable
        });
    });

});

那么，为什么这不起作用？

最佳答案

它不起作用，因为您在滚动功能内声明了var fired = 0;。因此，每当用户滚动时，fired设置为0。只需在滚动功能上方声明它，它就应该起作用。