Help replicating a scroll-animation item container.

Topic summary

A user wants to recreate a scroll-triggered animation effect from petlibro.com’s website. The specific feature is a bestseller section that cycles through 3 products as the user scrolls down the page.

Goal:

  • Build a similar component that displays 3-4 products
  • Products should change/rotate based on mouse scroll position
  • Looking for implementation approaches using CSS/HTML

Seeking:

  • Technical advice on how to build this scroll animation
  • Suggestions for tools or app store solutions
  • Code examples or tutorial links

The discussion remains open with no responses yet.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.

Hi,

I am trying to replicate an element from another site but I seem to be stuck on how to recreate it or add it myself via the app store perhaps.

I am talking about the site https://petlibro.com/.

Here, if you keep scrolling, there is a bestseller section that scrolls through 3 bestsellers.

I would like to recreate this element where I can also highlight 3-4 products myself, but especially that they also change when you scroll on the mouse.

So I would love to hear advice, suggestions or links on how I can make this happen.

Thanks in advance for any help.