当用户向下滚动页面时淡入div？

Question

我想获得一个div淡入使用JavaScript时，用户在页面下降，我遇到的问题是，虽然它淡入淡出，很快就会淡出多次，就像它的脉动。

我只想让它在用户向下滚动页面时缓慢淡入一次。有人可以帮忙吗？

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

Answer 1

检查元素目前正在动画：!$(".profile_intro_case5").is(":animated")

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