兼容性極好的“回到頂部”代碼

<!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)頁的高度 讓頁面一出來就滾動條在最底端

????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;">content</div>

????<div style="height:1000px">

????<div style="position:fixed;right:50px;bottom:50px;width:60px;height:60px;background-color:red;cursor:hand;"

????onclick="myScroll()">Return Top</div>

????</div>

????</body>

</html>



今天準(zhǔn)備慢慢將之前分散在各平臺的文章全部遷移至一起來,所以來測試簡書對代碼的友好度,看來確實不是很好,相比技術(shù)類平臺差好多。但是就是當(dāng)初多看了那一眼,戀上了簡書,怎么辦。

CSDN鏈接:https://blog.csdn.net/roc1029/article/details/15500263

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容