Aparecer 3 y luego el resto

[kenproxd]

Hola,

tengo 6 elementos div class noticia, estoy haciéndolos aparecer uno por uno con el siguiente código:

Código Javascript:

<script>
    $(window).on('load',function(){
        startNoticias();
    });
 
    function startNoticias(){
        $('.noticia').each(function(i){
          setTimeout(function(){
            $('.noticia').eq(i).addClass('is-visible');
          }, 200 * i);
        });
    }
</script>
 

lo que necesito es que, al cargar la pagina (window on load) aparezcan sólo los 3 primeros div. noticias, y luego al hacer scroll aparezcan los otros 3.

Existe alguna manera de hacer esto? gracias desde ya.

[AngelKrak]

Mediante la Funcion Scroll, fijate en google como mostrar elementos segun bajas x pixeles el scroll ;)

[kenproxd]

Gracias por tu respuesta,
Si he usado la función scroll, de hecho antes estaba haciendo aparecer los divs de la siguiente manera:

Código Javascript:

if($('section#noticias').offset().top - $(window).height()/1.2 < wScroll) {
         $('.noticia').each(function(i){
           setTimeout(function(){
             $('.noticia').eq(i).addClass('is-visible');
           }, 120 * i);
         });
       }
 

Lo que necesito es que, cuando la página cargue aparezcan automáticamente SÓLO los 3 primeros, y luego, al hacer scroll, aparezcan el resto.

[andresgarciadev]

Código Javascript:

$(".noticia:eq(0)").addClass('is-visible');
$(".noticia:eq(1)").addClass('is-visible');
$(".noticia:eq(2)").addClass('is-visible');
 

y si lo que quieres es q aparescan uno despues de otro podrias enves de un .each usar un for que cuente solo hasta 3...