smoothscroll.js是一款JQuery的插件，可用來(lái)制作平滑滾動(dòng)效果，方便軟件開(kāi)發(fā)者們的工作，需要的朋友歡迎來(lái)綠色資源網(wǎng)免費(fèi)下載！

smoothscroll.js插件介紹

smoothscroll.js是一款純js頁(yè)面平滑滾動(dòng)插件。該js頁(yè)面平滑滾動(dòng)插件的特點(diǎn)是頁(yè)面滾動(dòng)的行為被作為window對(duì)象的擴(kuò)展，用戶(hù)可以通過(guò)window對(duì)象直接調(diào)用平滑滾動(dòng)的方法。

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標(biāo)簽中加入以下js代碼

$(function(){

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

$('a').smoothScroll({

//參數(shù)列表

});

});

})

3、在body標(biāo)簽中加入相應(yīng)的標(biāo)簽

插件使用說(shuō)明

1、允許我們輕易地實(shí)現(xiàn)滑動(dòng)到頁(yè)面某個(gè)位置

2、可以這樣來(lái)調(diào)用插件

$('a').smoothScroll();

3、可以根據(jù)自己的需要指定一個(gè)外部容器，那么滾動(dòng)就是在這個(gè)容器內(nèi)發(fā)生，而不是在頁(yè)面級(jí)別發(fā)生了

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

4、可以通過(guò)下面的方式來(lái)排除指定容器的包含元素

$('#containera').smoothScroll({

excludeWithin:['.container2']

});

5、通過(guò)下面的語(yǔ)句來(lái)排除滿(mǎn)足指定條件的元素

$('a').smoothScroll({

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

});

6、調(diào)整滑動(dòng)到哪個(gè)位置就停止

$('.backtotop').smoothScroll({

offset:-100

});

7、設(shè)定一個(gè)滑動(dòng)開(kāi)始之前的回調(diào)函數(shù)

$('a').smoothScroll({

beforeScroll:function(){

alert('readytogo!');

}

});

8、設(shè)定一個(gè)滑動(dòng)結(jié)束的回調(diào)函數(shù)

$('a').smoothScroll({

afterScroll:function(){

alert('wemadeit!');

}

});

9、可以添加一個(gè)按鈕用來(lái)支持點(diǎn)擊后回到之前的位置，實(shí)際上就是一個(gè)歷史記錄的作用