jQuery - 滚动时的平滑比例转换

Question

Updated JSFiddle。

所以现在滚动它使用2个变换函数。一种翻译功能，可创建视差效果和缩放功能，为效果增添不错的触感。但是你可以看到缩放过快：

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

所以我想要的是让比例效果平滑并且缓慢增加，但显着。

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

Answer 1

你尝试添加过渡，看看它是否有效，如：

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

它对我来说很好看。