滚动后，在FadeIn之后停止出现div

Question

我在div上使用fadeIn

$(document).scroll(function() {
   $('.bottomMenu_alert').fadeIn();
});

用户可以通过使用

单击div外的任何位置来关闭div

$(document).click(function(event) {
        if ( !$(event.target).hasClass('.bottomMenu_alert')) {
             $(".bottomMenu_alert").hide();
        }
    });

但是当用户再次滚动时，div会重新出现。

如何阻止div重新出现？

Answer 1

您可以设置一个简单的标志变量来锁定div，只有在未锁定时才淡入。见：

var divLocked = false;

$(document).scroll(function() {
   if (!divLocked) {  // show only if not locked
       $('.bottomMenu_alert').fadeIn();
   }
});

$(document).click(function(event) {
    if ( !$(event.target).hasClass('.bottomMenu_alert')) {
         $(".bottomMenu_alert").hide();
         divLocked = true;   // lock it after the first click
    }
});