jQuery - 滚动时平滑缩放转换

Question

Updated JSFiddle.

所以现在滚动它使用 2 个转换函数。创建视差效果的平移函数和为效果添加漂亮触感的缩放函数。但正如你所看到的，缩放速度太快了：

currentElement.css({
    "transform": "translateY(" + translation + "px) scale(1." + scrolled + ")"
 });

所以我想要的是让规模效应平滑，缓慢但明显地增加。

我认为当元素不再在视野中时scale不应该超过 1.09，当scrolled = 0时它应该恢复到1.0。

Answer 1

您是否尝试添加过渡并查看它是否有效，例如：

-webkit-transition: transform 2s ease-in-out;
transition: transform 2s ease-in-out; 

对我来说看起来不错。