Fade-in на прокрутке исчезает все вместо 1 на 1

Question

Я использую анимацию с постепенным исчезновением, так что когда объект полностью видится в окне, он исчезает. Однако, как только первый объект исчезает в, все остальное также исчезает, делая желаемый эффект устаревшим.

Вот мой код:

$(document).ready(function() { 
 
    $(window).scroll(function() { 
 
    $('.hideme').each(function(i) { 
 

 
     var bottom_of_object = $(this).position().top + $(this).outerHeight(); 
 
     var bottom_of_window = $(window).scrollTop() + $(window).height(); 
 

 
     /* If the object is completely visible in the window, fade it it */ 
 
     if (bottom_of_window > bottom_of_object) { 
 

 
     $(this).animate({ 
 
      'opacity': '1' 
 
     }, 1500); 
 
     } 
 
    }); 
 
    }); 
 
});

.hideme { 
 
    opacity: 0; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="post-preview"> 
 
    <div class="hideme"> 
 
    <a href="#"> 
 
     <h3 class="post-title">The night sky is more than beauty</h3> 
 
     <h4 class="post-subtitle">If looking into the sky is not pretty enough...</h4> 
 
    </a> 
 
    <p class="post-meta">Posted by <a href="#">Ricardo Castillo</a> on September 2, 2016 at UTSA</p> 
 
    </div> 
 
</div> 
 
<div class="post-preview"> 
 
    <div class="hideme"> 
 
    <a href="#"> 
 
     <h3 class="post-title">Your account has been compromised</h3> 
 
     <h4 class="post-subtitle">Mr. Robot inspired; cyber security fears</h4> 
 
    </a> 
 
    <p class="post-meta">Posted by <a href="#">Ricardo Castillo</a> on August 9, 2016 at UTSA</p> 
 
    </div> 
 
</div> 
 
<div class="post-preview"> 
 
    <div class="hideme"> 
 
    <a href="#"> 
 
     <h3 class="post-title">Why the future scares me</h3> 
 
     <h4 class="post-subtitle">A technological perspective to the future</h4> 
 
    </a> 
 
    <p class="post-meta">Posted by <a href="#">Ricardo Castillo</a> on September 3, 2016 at UTSA</p> 
 
    </div> 
 
</div>

Я не могу найти то, что случилось с этим, и было бы очень признателен за руку.

Answer 1

Это работает, однако принятые значения сценария слишком высоки. Устранение суммы высоты окна приближается к желаемому эффекту. Он всегда работал, едва заметен.