1

I'm trying add easing animation to window.scrollTo function but no luck. It works linear. I want to use easeInOutExpo animation:

var easeInOutExpo= function (time, duration, valueStart, valueChange) {
  if (time==0) return valueStart;
  if (time==duration) return valueStart+valueChange;
  if ((time/=duration/2) < 1) return valueChange/2 * Math.pow(2, 10 * (time - 1)) + valueStart;
  return valueChange/2 * (-Math.pow(2, -10 * --time) + 2) + valueStart;
}

In this javascript function:

window.scrollTo({
   top: 500,
   left: 0,
   behavior: "smooth",
});

Is there any way to use this easing effect on window.scrollTo without using any library? I only need easeInOutExpo.

BenMorel
  • 34,448
  • 50
  • 182
  • 322
kront
  • 33
  • 1
  • 7

0 Answers0