「position: sticky;」より便利！スクロールしたらヘッダやサイドバーがぴたっと貼り付くスクリプト -Fixed Sticky
HTMLは汚さずに、ヘッダ、ナビゲーション、サイドバー、ボタンなど、さまざまな要素をスクロールした際に指定した位置にぴたっと貼り付けるスクリプトを紹介します。 IE7+からサポートされており、「position: sticky;」の代替になる便利なスクリプトです。 Fixed Sticky- GitHub Fixed Stickyの特徴 Fixed Stickyのデモ Fixed Stickyの使い方 Fixed Stickyの特徴 Fixed Stickyで貼り付ける要素の位置は、親要素に依存します。 つまり、スクロールしてぴたっと貼り付く位置は、常に親要素となるコンテナ内です。 基本的な動作を見てみましょう。 まずは、要素に「top: 20px;」を指定してみます。
Volocity.jsを使ってアニメーションのパフォーマンスを比較してみた - beijaflor
CSS vs. JS Animation: Which is Faster? CSS AnimationよりもJavascriptを使った方がパフォーマンスが出るよ、というこの記事を見たので実際に試してみた。 結論 アニメーションさせる時は、Velocity.jsを使いましょう デモ DEMO1 - 画面下からスクロールインしてくるモーダルウィンドウ DEMO2 - 120個の丸が一度に動く、シンプルなアニメーション [source code @ GitHub] 機能比較 ライブラリ 特徴 メリット jQuery(animate()) 標準で組み込まれているアニメーションライブラリ ライブラリの読み込み不要 Velocity.js 標準のanimate()と同じ文法で使える拡張ライブラリ スピード最適化された実装 Transit CSS Animationを制御するためのライブラリ 3d-
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Know it all
http://bouncejs.com/
