スクロールビューポートに応じてdivを自動的に非表示にします

Question

私は数百万を持っていますdiv行。スクロールバービューポートにactiveクラス7 divを追加し、残りのすべてをdivにしたいと思います。スクロールバーのビューポートに従ってアクティブ状態をスクロールするとき。項目は、何百万という行にすることができます。これは、ローディング時間を改善するために必要です。

https://jsfiddle.net/sapans/afghq58e/3/

Answer 1

<div> 
<div class="a"> 
    A 
</div> 

.a { 
height: 300px; 
width: 300px; 
background-color: green; 
} 

$(window).scroll(function() { 

if ($(this).scrollTop()>0) 
{ 
    $('.a').fadeOut(); 
} 
else 
{ 
    $('.a').fadeIn(); 
} 
}); 

の作業例click here for jsfiddle