jQuery
【jQuery】スティッキーサイドバーjQueryプラグインjQuery ScrollsWith
March 9, 2017

jQuery ScrollsWithはスティッキーサイドバーjQueryプラグイン
<div data-sidebar-dummy="sidebar1" ></div> <div id="sidebar1" >...</div>
スクロール位置が終わる場所にボトムダミー要素を挿入
CONTENT... <div data-sidebar-bottom="sidebar1" ></div>
jQuery、scrollsWithを追加
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script&g <script src="js/scrollsWith.js"></script>
サイドバー
$("#sidebar1").scrollsWith(); //or $("#sidebar1").scrollsWith({margin_top: 30, fixedClass: 'is-fixed'});
dummy_attr | default: ‘data-sidebar-dummy’ |
---|---|
bottom_dummy_attr | default: ‘data-sidebar-bottom’ |
attr_value | default: null |
margin_top | default: 0 |
fixedClass | default: ‘fixed’ |
minWidth | default: 200 |
MIT