29. 特定要素をスクロールすることができる
コンテナーの指定も可能
軸の指定も可能
キューイングも可能
scrollコマンド
$div
.velocity("scroll", { duration: 1500, easing: "spring" })
!
/* Scroll container to the top of the targeted div. */
$div.velocity("scroll", { container: $("#container") });
!
/* Scroll the browser to the LEFT edge of the targeted div. */
$div.velocity("scroll", { axis: "x" });
!
/* Scroll to a position 50 pixels above the div. */
$div
.velocity("scroll", { duration: 750, offset: -50 })
/* Then scroll to a position 250 pixels beyond the div. */
.velocity("scroll", { duration: 750, offset: 250 });
45. julianshapiro/velocity ¦ github https://github.com/julianshapiro/velocity
Velocity.js¦GitHub Accelerated JavaScript animation. http://julian.com/research/velocity/
Incredibly Fast UI Animation Using Velocity.js http://www.sitepoint.com/incredibly-fast-ui-animation-using-velocity-js/
Improving UI Animation Workflow with Velocity.js http://css-tricks.com/improving-ui-animation-workflow-velocity-js/
CSS vs. JS Animation: Which is Faster? http://davidwalsh.name/css-js-animation
Techniques for matching native app performance on the web with HTML5 http://triblondon.github.io/talk-html5perf/#/32
Browser Garbage Collection and Frame Rate http://blog.artillery.com/2012/10/browser-garbage-collection-and-framerate.html
jQueryで破棄されたrequestAnimationFrameとJSでのアニメーション実装で注意すること http://0-9.sakura.ne.jp/pub/lt/modest/start.html
demo list http://codepen.io/julianshapiro/public-list/
参照