CODEWITHSUNDEEP
javascriptjqueryhtmlcss
user3644829
user3644829

Reputation: 95

How is the scroll effect achieved in this webpage?

I want to develop a personal website and i would like it to react/work the same as this website:

http://www.beoplay.com/products/beoplayh6

The scroll not working like usual and rather transitioning between different sections?

I wonder if the sections have a id that are anchored in some way and a css transition is applied when the user scrolls in a direction?

If anyone knows how this is made, please share.

I am looking for the section transition effects essentially.

Thanks in advance

Harry

Upvotes: 2

Views: 142

Answers (3)

Alvaro
Alvaro

Reputation: 41595

YOu can create it by using fullPage.js with the option scrollBar:true.

Live demo

Upvotes: 1

Alex
Alex

Reputation: 9031

It's not paralax, it's just scrolling with some added easing. Check this for a good start - http://css-tricks.com/examples/SmoothPageScroll/

Upvotes: 1

azurensces
azurensces

Reputation: 141

Try this : https://ihatetomatoes.net/how-to-create-a-parallax-scrolling-website/

(I'm not related to this site - just think its kinda nifty)

Upvotes: 1

Related Questions