我最近遇到了这个网站http://www.smartusa.com/ 这有很棒的滚动效果和平滑的元素缩放。
谁能帮我弄清楚用于实现平滑缩放效果的逻辑？不是视差滚动，而是汽车的缩放。
我尝试jQuery.Transition.js了插件并添加了一个滚动事件，但转换非常跳跃。它没有上面网站中的效果那么流畅。我停止排队并将持续时间减少到 10 毫秒，但仍然不够好。
任何帮助，将不胜感激。
问问题
325 次
2 回答
1
您可以尝试 TransformJS - 它使用 CSS3 3D 变换（即使您只为一维或二维动画），以便在硬件可用时强制浏览器硬件加速动画。
http://transformjs.strobeapp.com/
它也很好地集成到 jQuery 中。
于 2012-04-27T06:23:09.530 回答
1
不确定这是否是您正在使用的插件： https ://github.com/heygrady/transform/wiki
但是使用这样的动画库，您可以执行以下操作：
$(window).scroll(function(e){ $('.example').transform({rotate: e.scrollTop }); });
于 2012-04-27T06:24:07.603 回答