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.