宽松的香草javascript卷轴?
我正在尝试将宽松的动画添加到窗口中。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 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论