JS版返回網(wǎng)頁頂部精簡版代碼

2024-09-05 12:18:08

字體：大中小

供稿：網(wǎng)友

JS版返回網(wǎng)頁頂部精簡版代碼，打開網(wǎng)頁后浮動在網(wǎng)頁右側(cè)，自動判斷網(wǎng)頁，點擊后回到網(wǎng)頁頂部。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>返回頂部按鈕</title>  <style type="text/css">body{	font:12px Verdana, Geneva, sans-serif;	line-height:1.2;	text-align:center;}#gotopbtn {	width:100px;	height:30px;	background:#fff;	position:fixed;	bottom:100px;	right:20px;	display:none;	cursor:pointer;	font-size:14px;	line-height:30px;}.main{	width:100%;	height:1500px;	background:blue;	margin:0 auto;}</style></head><body><div   id="iwvjtn8m0"   class="main"></div><div   class="iwvjtn8m0"   id="gotopbtn">返回頂部</div><script type="text/javascript">	idTest=document.getElementById('gotopbtn');	idTest.onclick=function (){		document.documentElement.scrollTop=0;		sb();		}	window.onscroll=sb;	function sb(){		if(document.documentElement.scrollTop==0){			idTest.style.display="none";			}else{				idTest.style.display="block";				}		}</script></body></html>

上一篇：動畫回到網(wǎng)頁頂部，使用了jQuery 1.4

下一篇：JavaScript網(wǎng)頁倒計時跳轉(zhuǎn)