javascript - 在 div 单击时运行 javascript？

Question

我想知道是否有人可以提供帮助，基本上我有这个 javascript，当用户向下滚动页面时，它会在 div 中淡出，但是，我想在 javascript 上添加一个条件，表示仅在用户单击另一个 div 后淡出元素。

例如，我需要用户在向下滚动页面之前阅读一段文本，并且该 div 淡入，在这段文本上有一个名为

因此，一旦用户阅读了文本，他们将单击“exit_profile_intro4”，这将关闭文本框，只有这样我才希望 div 中的滚动和淡入淡出的 JavaScript 能够工作。有人可以告诉我如何做到这一点:我已经尝试过

<script>
$('div.exit_intro4').click(function(){
 $(window).scroll(function(){
       var leftToBottom = $(document).height() - $(window).height() - $(window).scrollTop();
       var distanceFromTop = $(window).scrollTop();
       if( distanceFromTop > 300 && !$("profile_intro_case5").is(":visible") 
          && leftToBottom > 1000 && !$(".profile_intro_case5").is(":animated")) {
                $(".profile_intro_case5").fadeIn(1000);
       }else if($(".profile_intro_case5").is(":visible") && (distanceFromTop < 300 || leftToBottom < 1000) && !$(".profile_intro_case5").is(":animated")){
                $(".profile_intro_case5").fadeOut();
      }
   });
});
   </script>

原文:

<script>
 $(window).scroll(function(){
       var leftToBottom = $(document).height() - $(window).height() - $(window).scrollTop();
       var distanceFromTop = $(window).scrollTop();
       if( distanceFromTop > 300 && !$("profile_intro_case5").is(":visible") 
          && leftToBottom > 1000 && !$(".profile_intro_case5").is(":animated")) {
                $(".profile_intro_case5").fadeIn(1000);
       }else if($(".profile_intro_case5").is(":visible") && (distanceFromTop < 300 || leftToBottom < 1000) && !$(".profile_intro_case5").is(":animated")){
                $(".profile_intro_case5").fadeOut();
      }
   });
   </script>

Answer 1

向滚动事件添加状态。

(function() {
  var user_can_scroll = false;
  $("div.exit_intro4").click(function(e) {
    /* do your thing */
    user_can_scroll = true;
  });

  $(window).scroll(function(e) {
    if (user_can_scroll) {
      /* do your scroll thing */
    }
  });
})();