Action while browser scrolling

I have the following HTML:

  <section id="rolagem">

    <article id="item1">

     //conteúdo
   </article>

   <article id="item2">

    //conteúdo
  </article>

   <article id="item3">

    //conteúdo
  </article>
</section>

What I need to do in pure javascript so that every time I scroll the scroll bar up, it hides an item from item1.

Thank you for helping.