用戶向下滾動頁面時淡入div？

Question

我試圖讓div在用戶向頁面下方傾斜時使用javascript淡入，我遇到的問題是，盡管它淡入淡出，卻像它的脈動一樣迅速地淡入和淡出多次。

我只想要它，以便當用戶向下滾動頁面時div慢慢消失一次。 有人可以幫忙嗎？

<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();
      }
   });