智邦小幫手 智邦小幫手

如何讓網頁捲軸移動至頂端的語法

步驟一：請複製以下語法

<!-- 網頁捲軸移動至頂語法 開始 -->
 
<style type="text/css">
#rightBar {
    z-index: 9999;
    width: 50px;
    position: fixed;
    right: 10px;
    bottom: 5%;
    height: auto;
}
#rightBar .btn {
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 20px;
    display: inline-block;
    border-radius: 10px;
    cursor: pointer;
}
</style>
<div id="rightBar">
<div class="btn" id="shougongBtn"><span><a href=
"javascript:%20window.scrollTo(0,%200);"><img src="https://hosting.url.com.tw/img/go-top.png" /></a></span></div>
</div>
:<!-- 網頁捲軸移動至頂語法 結束 -->

步驟二：將上面的語法，貼在「側邊欄程式碼」裡面

儲存後並且「建立網站」，網頁右側捲軸，會多出向上的按鈕，點擊此按鈕，網頁會移至最頂端