動作

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


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

Rwd%E5%A6%82%E4%BD%95%E8%AE%93%E7%B6%B2%E9%A0%81%E6%8D%B2%E8%BB%B8%E7%A7%BB%E5%8B%95%E8%87%B3%E9%A0%82%E7%AB%AF%E7%9A%84%E8%AA%9E%E6%B3%951.jpg


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

Easyweb-pagetop-code-02.jpeg