LOYSEO使用的主題不提供網站的返回頂部按鈕，而免費的Elementor頁面編輯器就能解決這個問題，只需要3分鐘，跟著教學試一下吧。
前提說明：
- 本教學只適合使用Elementor搭建的WordPress網站。
- 本教學中的演示站是使用Elementor – Header, Footer & Blocks外掛製作的頁頭（Header），
- 如果你的網站使用Elementor Pro製作的頁頭，修改方法也是一樣的；
- 如果你的網站是使用主題自帶頁頭或其他外掛製作的頁頭，那麼你需要參考視頻教學，自行想辦法在頁頭中添加CSS id，實在搞不定的，就直接裝個返回頂部功能的外掛
如果不方便看視頻的，可以看下方的圖文教學。 （我還是推薦看視頻啊，更容易理解，無配音有字幕）
經後期檢查校對發現，視頻教學中遺漏了：①設置按鈕所在setion的margin top為-1，具體可看下方圖文教學。 ②將按鈕設置為inline
此外，漸變動畫功能只能在付費的Elementor Pro中使用，如果用的免費版Elementor，也可以不設置這個動畫。
如果你的Header導航是固定在頁面頂部的（Sticky），那麼你不要在Header所在的Setion添加id，而是新增一個空白Section放到頁面最頂部，並給它添加css id。
如何用Elementor製作返回頂部按鈕
所需時間：3 minutes
外掛費用:0 元
所需外掛：
Elementor外掛– 免費
Elementor – Header, Footer & Blocks外掛-免費
操作步驟
第1步：在頁面頂部模板中，將最頂部的setion添加css id “top”
在網站header中，找到第一個setion，將它的advanced的css id設置為top，如果你的第一個Setion設置了Sticky top（固定在頁面頂部），那麼請在它的上方再新增一個空白Setion設置css id
第2步：在頁面底部添加一個setion，放入一個icon元素並配置它
1.在頁面底部（footer）模板中，在末尾添加一個setion
2.在setion中放入一個icon圖標，修改圖標為向上的箭頭（搜索arrow），修改圖標尺寸和顏色，圖標鏈接填入#top ;
在圖標的advanced設置中，找到position，設置為fixed、右側對齊、底部對齊，距離右側和底部各10px
(注意：下面這個漸變動畫功能只能在付費的Elementor Pro中使用，你如果用的免費版Elementor，也可以不設置這個動畫) 繼續在advanced設置中，將motion effects的scrolling effecs開啟，點選Transparency（保持它的默認設置即可），然後設置Effects Relative To 為viewpoint
3.將icon所在column的advanced padding都設為0,將icon所在setion的advanced margin top設置為-1，這樣頁面底部就不會出現空白
第3步：將圖標設置為inline
第4步: 測試返回頂部功能
打開網站首頁刷新一下，滾動頁面，你將在頁面右下角看到逐漸出現的圖標，點擊它，你將能回到頂部。
查看更多Elementor教學
常見問題
如果你將頂部導航條的section設置了固定在頂部（即頁面滾動時，導航條一直展示在瀏覽器中），那請在導航條的setion上方新增一個空白的setion，將內部間距padding設置為0，將導航條的setion的margin top設置為-1，然後將返回頂部的css id設置到此空白setion中，否則返回頂部按鈕將無法實現返回頂部功能。
點贊
3 回复
期待站长分享下table of conent是怎个出来一段时间又变透明 的吗
我的文章的table of content是一个插件：https://1.envato.market/doaoMW，不是Elementor自带的table of content
谢谢店长的分享