動作

輕鬆架站 如何讓網頁捲軸移動至頂端的語法

出自 智邦小幫手

(已重新導向自 Easyweb-pagetop-code)

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


步驟一:請複製以下語法

<!-- 網頁捲軸移動至頂語法 開始 -->
 
<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>
:<!-- 網頁捲軸移動至頂語法 結束 -->


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

Easyweb-pagetop-code-01.jpeg


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

Easyweb-pagetop-code-02.jpeg