How to animate first collection item on page load, others when scrolled into view?

Design help Animations & Interactions
2

Try @elisevanoosten script from this thread: IX 2.0 - Scroll into view not activating until the page is scrolled a bit - #13 by Alborz_Heydaryan

It will scrolle the window on load a single pixel and back to the top, which I’ve found not noticeable and will trigger the scroll interactions.

<script>
  function init() {
      window.scrollTo(0, 1);
      window.scrollTo(0, -1);
  }
  init()
</script>