歡迎來到yizhiseo學習企業網站SEO優化推廣技術與進行企業SEO優化培訓!
您的位置:YizhiSEO >> 網站技術

網站添加點擊按鈕或者圖片返回到網頁頂部

閱讀:  發布日期:2019-06-01
大家在瀏覽一些網站的時候會發現,在瀏覽到網頁底部的時候,在網頁右下角會出現一個按鈕或者圖片。點擊就可返回到頂部,方便用戶瀏覽。
點擊返回頂部按鈕
實現方法比較簡單。如下所示。一般有兩種辦法,一種是用JS代碼。如下所示。

<script type="text/javascript" src="js/jquery-3.2.1.js" ></script>
 
<script type="text/javascript">
 
function returnTop(){
 
//scrollTop:0設置返回頂部,1000表示返回頂部需要的時間是1秒
 
$('body,html').animate({scrollTop:0},1000); 
 
}
 
</script>

調用上面的JS代碼。qdrg然后在點擊的圖片或者按鈕中,加上 onclick="returnTop()" 事件就可。 這種代碼可以控制返回時間。


另外一種辦法則是使用錨點鏈接,使用更簡單,但過渡效果不沒上第一種方法好。建議大家采用第二種!

本文章由YizhiSEO整理 如需轉載,請注明文章出處和來源網址:http://www.1192df.com/show-5-197-1.html

本文標簽:網頁頂部
我要分享到:

熱門推薦 Hot Recommend

如對文章有任何疑問請提交到seo論壇,或有任何企業SEO優化或B2B網站推廣問題立即到seo交流論壇發貼求解。

欧美性色黄大片