How to make my smooth scroll a bit faster

[alechance]

Hi everyone,

 

I'm still figuring out how smooth scrooll works. I'm trying to achieve a smoother and faster scroll but I don't understand how I could change my animation to do so. Here is an example of the right easing / timing https://studiovoila.com/

 

ScrollSmoother.create({

wrapper: '#main-wrapper',

content: '#main-content',

ease: 'expo',

smooth: 1.6, // seconds it takes to "catch up" to native scroll position

effects: true // look for data-speed and data-lag attributes on elements and animate accordingly

});

 

Thank you very much for your help. 

[Rodrigo]

Hi,

 

I'm not sure I completely understand what you mean.

 

You want faster scrolling or faster animations as you scroll?

 

For faster animations you can reduce the amount of pixels your ScrollTrigger instances last.

 

For faster scroll using ScrollSmoother you can use the speed configuration option:

speed

Number - a multiplier for overall scroll speed, so 2 would make it scroll twice the normal speed, and 0.5 would make it scroll at half-speed. added in version 3.11.4.

 

ScrollSmoother.create({
  smooth: 1.6,
  effects: true,
  speed: 1.5,// 50% faster than normal
});

Hopefully this helps. If you keep having issues, please create a minimal demo so we can take a better look and be as explicit as you can about what you're trying to do.

Happy Tweening!

[alechance]

Thank you @Rodrigo the speed option is what I need.