使用 CSS 或 Javascript 平滑滚动效果

Question

I have seen many websites using smooth scrolling ( click here to see an example). So, my question is that how they achieve this effect, do they use some libraries, etc. I have searched for this but didn't find the right answer.

Answer 1

您可以尝试使用https://github.com/ivmello/easeScroll这个 jquery 这将帮助您在鼠标滚轮上平滑滚动，但对于其他 appering 动画，您必须使用一些动画库，如gsap

Answer 2

The effect you are looking for is called Parallax. Do a search for "multi layer parallax websites". There was a good how-to with code high up the first page.

Edit: The second part of the example website is the Hero image (the banners) zooming, you can get that searching "Hero image zooming"