具有偏斜效果的平滑滚动

时间:2019-05-16 08:59:34

标签: javascript gsap

我正在尝试使用GSAP平滑滚动来制作自己的网络,但我不知道如何像演示一样添加偏斜效果。如何修改代码并添加倾斜效果?

GSAP平滑滚动:https://codepen.io/osublake/pen/QqPqbN

具有倾斜效果的平滑效果:https://codepen.io/ReGGae/pen/pxMJLW

我在滚动条中添加了skewY参数,它可以工作并旋转无穷大。但是我希望它在停止滚动时能恢复正常……

TweenLite.set(scroller.target, {
   y: -scroller.y,
   skewY: -scroller.y
});

我设置了skewY,它对应于垂直滚动时的值。但是它旋转无穷大,并且不知道如何计算以反弹。

0 个答案:

没有答案