'Show part of page when user scrolls

I have looked at questions like this but did not reach a conclusion. My question is how to show only the part of the web page that works (the monitor covers it) to the user? And if the user scrolls, display the other component of page . For example look at Ionic framework home page :

https://ionicframework.com

I am looking for something like this . Any idea ? Thanks

javascripthtmlcssweb


Solution 1:[1]

You can figure out when an element is in the view of the user using the Intersection Observer API, then animate the elements using Javascript when the element is in view. Here is probably a better link for all the methods it has.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 stonefish

Related Questions