91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

如何使用html實現返回文章頂部效果

發布時間:2021-10-21 11:01:33 來源:億速云 閱讀:192 作者:小新 欄目:開發技術

這篇文章給大家分享的是有關如何使用html實現返回文章頂部效果的內容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。

<html> 
	<head> 
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>jquery</title>
	</head> 
	<body> 
		<style>
		#goTopBtn {
			position: fixed;
			right:100px;
			bottom:100px;
			line-height:36px;
			width:49px;
			bottom:35px;
			height:46px;
			cursor:pointer;
			display:none; 
			background-p_w_picpath:url(go-top.png)
		} 
		</style> 
		<br/> 
		<p >
		大家來到這里是看返回頂部的實現方式吧<br/>
		下面就給大家呈現<br/>
		大家滾動鼠標<br/>
		屏幕的右側下方就會出現一個箭頭按鈕<br/>
		點擊該按鈕,就可以實現返回頂部啦!<br/>
		<br/>喜歡的親們記得點贊哦~
		<br/>小編會繼續給大家帶福利的! <br/>
		需要的js文件、圖片按鈕請從附件中下載<br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> 
		<br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> 
		<br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> 
		<div id="goTopBtn">
		</div> 
		<script type="text/javascript" src="jquery1.3.2.js"></script> 
		<script type="text/javascript">  
			$(window).scroll(function(){
				var sc=$(window).scrollTop();
				var rwidth=$(window).width()  
				if(sc>0){    
					$("#goTopBtn").css("display","block");   
					$("#goTopBtn").css("left",(rwidth-46)+"px") 
					}else{  
					$("#goTopBtn").css("display","none");   
					}  
				})  
				$("#goTopBtn").click(function(){   
					var sc=$(window).scrollTop();    
					$('body,html').animate({scrollTop:0},500); 
					}) 
		</script> 
	</body> 
</html>

打開瀏覽器,查看效果如圖:

如何使用html實現返回文章頂部效果

感謝各位的閱讀!關于“如何使用html實現返回文章頂部效果”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

富锦市| 萨嘎县| 翼城县| 民权县| 曲阳县| 兴山县| 南康市| 漳平市| 玉山县| 东丽区| 腾冲县| 青岛市| 嘉峪关市| 阳江市| 托克托县| 罗城| 宁陵县| 阜新| 慈溪市| 内黄县| 二手房| 昌乐县| 石河子市| 任丘市| 韶山市| 勐海县| 平果县| 尼木县| 亚东县| 淄博市| 密山市| 七台河市| 福安市| 古浪县| 昂仁县| 永州市| 贞丰县| 茂名市| 汶上县| 扎鲁特旗| 宜宾县|