URGENT HELP With CMS load not scrolling past 100 items

Attributes
1

I’m building a list of fallen citizens and troops in the Massacre that took place in Israel and the war that’s going on, some users report that the list doesnt scroll past the first 100 items.

the entire list is rendered, you can see the tops of the next items, also
document.querySelectorAll('.fallen-card').length returns the correct total.
but some users, cant scroll past the 100th element.

I’m using cms-sort for the search an cms-load to render the entire list on load

image
image2507×1479 290 KB

2

Hey @mike6! You’ll need to wait for CMS Load to finish rendering items before adding the scroll script. It should look like this

<script>
      window.fsAttributes = window.fsAttributes || [];
      window.fsAttributes.push([
        'cmsload',
        (listInstances) => {
          console.log('cmsload Successfully loaded!');

          document.querySelectorAll('.fallen-card').forEach((card, index) => {
            gsap.from(card, {
              opacity: 0,
              ease: 'power1.inOut',
              duration: 1,
            });
          });

          const head = document.querySelector('.wrapperattackingaza');

          gsap.from(head, {
            opacity: 0,
            ease: 'power1.inOut',
            duration: 2,
          });

          const lenis = new Lenis();

          lenis.on('scroll', (e) => {
            lenis === 'not' ? console.log(e) : null;
          });

          function raf(time) {
            lenis.raf(time);
            requestAnimationFrame(raf);
          }

          requestAnimationFrame(raf);
        },
      ]);
    </script>