博客園 添加 “返回頂部” 按鈕

第一步：創建返回頂部按鈕（頁首Html代碼 中添加）

<span id="back-to-top"><a href="#top">返回頂部</a></span>

 

第二步：添加錨點（頁首Html代碼 中添加）

<span id="top"></span>

 

第三步：設置按鈕樣式（頁面定制CSS代碼 中添加）

#back-to-top {
    background-color: #8bcc99;
    bottom: 10px;
    box-shadow: 0 0 6px #72a072;
    padding: 5px 10px;
    position: fixed;
    right: 50px;
    border-radius: 8px;
    opacity: 0.7;
}