宽松的香草javascript卷轴?

发布于 2025-02-03 03:11:49 字数 602 浏览 3 评论 0原文

我正在尝试将宽松的动画添加到窗口中。Crollto功能,但没有运气。它有线线性。我想使用EaseInoutExpo动画:

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;
}

在此JavaScript函数中:

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

是否有任何方法可以在window.scrollto上使用这种放松效果而不使用任何库?我只需要轻松启动。

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.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文