jump scrolling (?)

Hello, 

I have a page with many 'large', full-screen sections. I would like to change the scrolling so that the page does not scroll like usual, but instead just jumps to the next section, almost like a presentation; the page should not move except when 'jumping' to the next section which fills the page. 

I have seen this effect before, but cannot for the life of me find what it is called, and thus how to reproduce this effect. It is similar to the Carousel Banners in 7.1, but horizontal and controlled by scrolling down the page. 

I appreciate any advice or directions you can give.

- Clueless2000

11 hours ago, Clueless2000 said:

Hello, 

I have a page with many 'large', full-screen sections. I would like to change the scrolling so that the page does not scroll like usual, but instead just jumps to the next section, almost like a presentation; the page should not move except when 'jumping' to the next section which fills the page. 

I have seen this effect before, but cannot for the life of me find what it is called, and thus how to reproduce this effect. It is similar to the Carousel Banners in 7.1, but horizontal and controlled by scrolling down the page. 

I appreciate any advice or directions you can give.

 

- Clueless2000

Do you have any example of the result you want to achieve?

20 hours ago, bangank36 said:

Do you have any example of the result you want to achieve?

Hello Bangank36, 

https://cultldn.com

I have found the effect is called 'scroll snapping' or variants of. 

I will be looking at Scrollify to create the effect. 

2 hours ago, Clueless2000 said:

Hello Bangank36, 

https://cultldn.com

 

I have found the effect is called 'scroll snapping' or variants of. 

I will be looking at Scrollify to create the effect. 

You can get reference from the style Css scroll-snap-type: https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-snap-type