採用獨自開發 RWD Bo-Blog插件 對應電腦版與手機版網頁。一次上架多版本對應、顯示迅速方便。
August 19, 2012
於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>
<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/