# Slower scroll

**URL:** <https://forum.readymag.com/t/slower-scroll/679>\
**Category:** Custom code\
**Created:** [September 13, 2022, 10:18pm UTC](https://forum.readymag.com/t/slower-scroll/679 "2022-09-13T22:18:44Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![klik14](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/klik14/32/503_2.png) [@klik14](https://forum.readymag.com/u/klik14)\
**Post date:** [September 13, 2022, 10:18pm UTC](https://forum.readymag.com/t/slower-scroll/679/1 "2022-09-13T22:18:44Z")

</div>

How can I make scroll slower on whole site? It means, for example, that to scroll 100 px i need to do 2 scroll steps, but I want this number to be bigger. I found a way to do it by animating all layers going down with the scroll, but after that i can’t normally animate separate elements. Maybe there is code to implement to do it?

---

<div class="post-metadata">

**Author:** ![neueMeta](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/neuemeta/32/92_2.png) [@neueMeta](https://forum.readymag.com/u/neueMeta)\
**Post date:** [September 18, 2022, 12:19pm UTC](https://forum.readymag.com/t/slower-scroll/679/2 "2022-09-18T12:19:30Z")

</div>

I once implemented the scrollmagic js: [https://scrollmagic.io/](https://scrollmagic.io/)

This worked pretty good but needs some customcode knowledge to get it to work in readymag though.  
Here is an example of how fluid a scroll can be using this js: [http://alfredservice.com/](http://alfredservice.com/)