讓頁面元素浮動位置不變：sticky-elements

y37f 9年前發布 | 15K 次閱讀 其他jQuery插件 jQuery插件 sticky-elements

sticky-elements是jquery固定位置或粘性元素插件，它可以輕松讓你的div保持在你想要的位置，可以使其永遠保持在視窗內，粘性div可以設置動畫效果顯示。

View Demo

How to use 
<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>

just include jQuery, our stiky element plugin & you have juststikifiedit! 

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

means:

  • The gridid - grid4will not go below 100px height, above -100px height, will get transparent with scroll. Itsscroll-ratewill be3.4times normal scroll!


項目主頁：http://www.baiduhome.net/lib/view/home/1426488567054

 本文由用戶 y37f 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！