需要在頂部添加如下html元素:
成都創(chuàng)新互聯(lián)公司從2013年開始,先為富蘊(yùn)等服務(wù)建站,富蘊(yùn)等地企業(yè),進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為富蘊(yùn)企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。
p id="back-to-top"a href="#top"span/span返回頂部/a/p
其中a標(biāo)簽指向錨點(diǎn)top,可以在頂部防止一個a name="top"/a的錨點(diǎn),這樣在瀏覽器不支持js時也可以實(shí)現(xiàn)返回頂部的效果了。
返回頂部:設(shè)置為body的scrollTop為0
滑動效果:animate(Jquery的自定義動畫)
$("#returnTop").click(function?()?{
var?speed=200;//滑動的速度
$('body,html').animate({?scrollTop:?0?},?speed);
return?false;
});
備注:returnTop為觸發(fā)返回頂部的元素ID
JS或者jquery設(shè)置滾動條回到頂部的方法:
返回頂部:設(shè)置為body的scrollTop為0 ?
滑動效果:animate(Jquery的自定義動畫)
備注:returnTop為觸發(fā)返回頂部的元素ID。
JavaScript一種直譯式腳本語言,是一種動態(tài)類型、弱類型、基于原型的語言,內(nèi)置支持類型。它的解釋器被稱為JavaScript引擎,為瀏覽器的一部分,廣泛用于客戶端的腳本語言,最早是在HTML(標(biāo)準(zhǔn)通用標(biāo)記語言下的一個應(yīng)用)網(wǎng)頁上使用,用來給HTML網(wǎng)頁增加動態(tài)功能。
jQuery是一個快速、簡潔的JavaScript框架,是繼Prototype之后又一個優(yōu)秀的JavaScript代碼庫(或JavaScript框架)。jQuery設(shè)計的宗旨是“write Less,Do More”,即倡導(dǎo)寫更少的代碼,做更多的事情。它封裝JavaScript常用的功能代碼,提供一種簡便的JavaScript設(shè)計模式,優(yōu)化HTML文檔操作、事件處理、動畫設(shè)計和Ajax交互。
jQuery的核心特性可以總結(jié)為:具有獨(dú)特的鏈?zhǔn)秸Z法和短小清晰的多功能接口;具有高效靈活的css選擇器,并且可對CSS選擇器進(jìn)行擴(kuò)展;擁有便捷的插件擴(kuò)展機(jī)制和豐富的插件。jQuery兼容各種主流瀏覽器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
jquery禁止頁面滾動到頂部的方法:
$('#container').hover(function() {
$(window).scroll().disable();
$(this).scroll().enable();
}, function() {
$(window).scroll().enable();
});
控制以下幾點(diǎn):
Catch scroll event on the current element
Cancel the scroll event
Manually scroll the current element only