標題：Scroll Follow 板塊位置漸進跟隨
出處：A.PAO designSTUDIO BLOG
時間：Sun, 19 Aug 2012 14:24:27 +0000
作者：apao
地址：https://blog.apao.idv.tw/post/897/

內容：

點擊在新視窗中瀏覽此圖片
https://blog.apao.idv.tw/attachment.php?fid=1450


於head間置放：
<script type="text/javascript" src="{js}/jquery.js"></script>
<script type="text/javascript" src="{js}/ui.core.js"></script>
<script type="text/javascript" src="{js}/jquery.scroll-follow.js"></script>
<script type="text/javascript">
$( document ).ready( function (){
  $('#sideBar').scrollFollow({});
});

//option
$( document ).ready( function () {
  $( '#sideBar' ).scrollFollow( {
    speed: 2000,
    offset: 0,
    killSwitch: 'exampleLink',
    onText: 'Disable Follow',
    offText: 'Enable Follow'
  } );
} );
</script>


※speed: 2000,(速度)
※offset: 0,(top位置)

Requirements (必備零件)
    jQuery (tested with 1.2.6)
    jQuery UI Core (tested with 1.5.2)

Optional (追加零件)
    jQuery Easing Plugin
    jQuery Cookie Plugin

DEMO:
http://blog.apao.idv.tw/sample/ScrollFollow/index.html

出處：
http://kitchen.net-perspective.com/open-source/scroll-follow/


Generated by Bo-blog 2.1.1 Release