with h-screen and overflow-hidden. However, this causes a new scrollbar to appear inside my app, and the cards only animate when my mouse is inside their parent div and I scroll.
Problems I’m facing:
The cards create their own scrollable area, resulting in a second scrollbar inside my app.
The cards only animate when I scroll inside their parent div, not with the main page scroll.
When I reach the top or bottom of the cards’ parent div, scrolling does not continue on the main page (the scroll is “trapped”).
I want the cards to animate as I scroll the main page, without creating a separate scroll area or scrollbar.
What I want:
The cards should animate and stack as I scroll the main page (body), not a separate scroll container.
There should be no extra scrollbar—just the main page’s scrollbar.
When I reach the end of the cards section, scrolling should continue smoothly on the rest of the page.
Could you please help me resolve this issue? I need this functionality urgently for my project.