In Instagram or TikTok or any other short form video apps, we scroll just a little or hard the app only scrolls to next 1 video and if we scroll again then it scrolls to next 1 video.
So I was thinking can we implement something like that in Web with HTML CSS JS.
I try search it on Google but couldn't find any significant answer.
All the tutorials and articles shows one thing:
scroll-snap-typeproperty method. Well it works with small scroll but again it scrolls to next multiple pages when we scroll a little hard.