javascript - 使用变量来控制事件

Question

我有一个页脚弹出窗口，当页面滚动一定量时会显示。我有一个小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
        });
    });

});

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

Answer 1

它不起作用，因为您在滚动函数内声明了 varfired = 0;。因此，每当用户滚动时，fired 都会设置为 0。只需在滚动函数上方声明它，它就应该可以工作。