jquery smoothscroll.js

smoothscroll.js是一款JQuery的插件，可用來製作平滑滾動效果，方（fāng）便軟件開發者（zhě）們的工作，需要（yào）的朋友歡迎來綠（lǜ）色（sè）資源網免費下載！

smoothscroll.js插件介紹

smoothscroll.js是一款純js頁麵平滑（huá）滾（gǔn）動插件。該js頁麵平滑滾動插（chā）件（jiàn）的特點是頁（yè）麵滾（gǔn）動的行為被作為（wéi）window對象的擴展，用戶可以通過window對（duì）象直接調（diào）用平滑（huá）滾動的（de）方法。

smoothscroll.js使用步驟

1、引入以下的js和css文件

<scriptsrc="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>

<scriptsrc="../src/jquery.smooth-scroll.js"></script>

<scriptsrc="../lib/jquery.ba-bbq.js"></script>

2、在head標簽中加入以下js代碼

$(function(){

$("#btn").click(function(){

$('a').smoothScroll({

//參數列表

});

});

})

3、在（zài）body標簽（qiān）中加入（rù）相應的標簽

插件（jiàn）使用說明（míng）

1、允許我們輕易地實現滑動到頁麵（miàn）某個位置

2、可以（yǐ）這樣來調用插件

$('a').smoothScroll();

3、可以根據（jù）自己的需要指定一個外部容器，那麽滾（gǔn）動就是（shì）在（zài）這個容（róng）器內發生，而（ér）不是在頁麵（miàn）級別發生了

$('#containera').smoothScroll();

4、可以通過下麵的方式來排除指定容器的包含（hán）元素

$('#containera').smoothScroll({

excludeWithin:['.container2']

});

5、通過下麵（miàn）的語句來（lái）排除滿足指定條件的元素（sù）

$('a').smoothScroll({

exclude:['.rough','#chunky']

});

6、調（diào）整滑動（dòng）到哪個位置（zhì）就停（tíng）止

$('.backtotop').smoothScroll({

offset:-100

});

7、設定一個滑（huá）動（dòng）開始之前的回調函數

$('a').smoothScroll({

beforeScroll:function(){

alert('readytogo!');

}

});

8、設定一個滑動結束（shù）的回調函數（shù）

$('a').smoothScroll({

afterScroll:function(){

alert('wemadeit!');

}

});

9、可以添加一個按鈕用來支（zhī）持點擊後回到之（zhī）前的位置，實際上就是一個曆（lì）史記（jì）錄的（de）作用