ページ要素のフローティング位置を変更しないでください: Sticky-elements_html/css_WEB-ITnose

Sticky-Elements は、JQuery の固定位置またはスティッキー要素のプラグインで、div をビューポート内に永久に保持できます。スティッキー div はアニメーション効果を表示するように設定できます。デモを見る

<script type="text/javascript" src="../js/jquery.js"></script><script type="text/javascript" src="../js/jquery.sticky.elements.js"></script><script type="text/javascript">    $("#grid5").stikify({rate: 3.4, cieling: -100});</script>

の使用方法

stiky 要素プラグインである jQuery を組み込むだけで、juststikified が完成します!

$("#grid4").stikify({floor: 100, rate: 1.6, cieling: -100, trans: true, rate: 3.4});

意味:

• グリッド ID - Grid4 は高さ 100 ピクセルを下回らず、高さ -100 ピクセルを超えると透明になります。スクロールするとスクロール率が通常の3.4倍になります

プロジェクトホームページ:
http://www.open-open.com/lib/view/home/1426488567054