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; 

我觉得很好。