TweenMaxのTweenLite.to()は内部でrequestAnimationFrameを使っていると思うのですが、下記のrenderA()のようにrequestAnimationFrameを使った場合どのような処理になるのでしょうか?
( FPS60 * 60 ? )
TweenLite.to()は内部でrequestAnimationFrameを使っているならばrenderB()でも同じ動きではと思ったのですが、確認したところ、
renderA()のほうがtranslated3dの値が細かく変わり、滑らかな移動をしていました。
javascript
1$(window).on({ 2 scroll:function(){ 3 top = $(this).scrollTop(); 4 renderA(); 5 renderB(); 6 } 7}); 8 9function renderA() { 10 request_id = window.requestAnimationFrame(renderA); 11 TweenLite.to($item, 0.9, {y:-top}); 12} 13function renderB() { 14 TweenLite.to($item, 0.9, {y:-top}); 15}
あなたの回答
tips
プレビュー