快捷導(dǎo)航

js滾動(dòng)條回到頂部的代碼

更新時(shí)間：2011年12月06日 22:19:13 作者：

js滾動(dòng)條回到頂部的代碼，里面的js代碼比較簡(jiǎn)單，很適合學(xué)習(xí)。

雖然平滑性處理的不好，但非常適合學(xué)習(xí)

 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html lang="en"> 
<head> 
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> 
<script type="text/javascript"> 
//怎么獲取網(wǎng)頁(yè)的高度 讓頁(yè)面一出來(lái)就滾動(dòng)條在最底端 
function myScroll() 
{ 
//前邊是獲取chrome等一般瀏覽器 如果獲取不到就是ie了 就用ie的辦法獲取 
var x=document.body.scrollTop||document.documentElement.scrollTop; 
var timer=setInterval(function(){ 
x=x-100; 
if(x<100) 
{ 
x=0; 
window.scrollTo(x,x); 
clearInterval(timer); 
} 
window.scrollTo(x,x); 
},"250"); 
} 
</script> 
<title></title> 
</head> 
<body id="bd"> 
<div> 
<div style="height:1000px;">初始化</div> 
<div style="height:1000px"> 
<div 
style="position:fixed;right:10px;bottom:50px;width:20px;height:70px;background-color:red;cursor:hand;" 
onclick="myScroll()">返回頂端</div> 
</div> 
</body> 
</html> 

您可能感興趣的文章:

相關(guān)文章

js實(shí)現(xiàn)的簡(jiǎn)練高效拖拽功能示例
這篇文章主要介紹了js實(shí)現(xiàn)的簡(jiǎn)練高效拖拽功能,通過(guò)對(duì)js鼠標(biāo)事件的擴(kuò)展實(shí)現(xiàn)拖拽效果,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下
2016-12-12
基于JS實(shí)現(xiàn)table導(dǎo)出Excel并保留樣式
這篇文章主要介紹了基于JS實(shí)現(xiàn)table導(dǎo)出Excel并保留樣式,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-05-05
基于javascript實(shí)現(xiàn)窗口抖動(dòng)效果
這篇文章主要介紹了基于javascript實(shí)現(xiàn)窗口抖動(dòng)效果,需要的朋友可以參考下
2016-01-01
JavaScript ECMA-262-3 深入解析.第三章.this
在這篇文章里，我們將討論跟執(zhí)行上下文直接相關(guān)的更多細(xì)節(jié)。討論的主題就是this關(guān)鍵字
2011-09-09
JS JSOP跨域請(qǐng)求實(shí)例詳解
JSONP(JSON with Padding)是JSON的一種“使用模式”，可用于解決主流瀏覽器的跨域數(shù)據(jù)訪(fǎng)問(wèn)的問(wèn)題。這篇文章主要介紹了JS JSOP跨域請(qǐng)求實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下
2016-07-07
JavaScript如何向頁(yè)面中添加一個(gè)按鈕
這篇文章主要介紹了JavaScript如何向頁(yè)面中添加一個(gè)按鈕,使用兩種方式向頁(yè)面中添加一個(gè)按鈕,分別是appendChild()和innerHTML屬性,本文結(jié)合示例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2023-10-10
IE、FF瀏覽器下修改標(biāo)簽透明度
通過(guò)js修改標(biāo)簽透明度，兼容IE、FF瀏覽器，需要的朋友可以參考下
2014-01-01
查詢(xún)綁定數(shù)據(jù)島的表格中的文本并修改顯示方式的js代碼
查詢(xún)綁定數(shù)據(jù)島的表格中的文本并修改顯示方式的js代碼
2009-12-12
javascript 彈出窗口中是否顯示地址欄的實(shí)現(xiàn)代碼
程序中通過(guò)點(diǎn)擊一個(gè)“發(fā)貨提醒”鏈接彈出另一個(gè)窗口，使用的方法是用javascript 的openUrl()方法。
2011-04-04
js實(shí)現(xiàn)倒計(jì)時(shí)關(guān)鍵代碼
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)倒計(jì)時(shí)的關(guān)鍵代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-05-05