通用過濾器
僅限精確匹配
按標題搜尋
在內容中搜尋
在摘錄中搜尋

頁面

教程分類

開啟Astra主題滾動頂部功能,點選跳回頁面頂部

通用過濾器
僅限精確匹配
按標題搜尋
在內容中搜尋
在摘錄中搜尋
開啟Astra主題滾動頂部功能,點選跳回頁面頂部
開啟Astra主題滾動頂部功能後,該按鈕會在頁面向下捲動時顯示,點擊可以一鍵跳到頁面的頂部,提高長篇頁面的使用者體驗。
文章目錄

本篇文章共644 字,預計閱讀時間3 分鐘

捲動到頂部功能

捲動至頁面頂部功能的主要作用是在使用者滑動到頁面底部後,一鍵即可瞬間返回頂部,方便重新查看導覽列、選單或頁面開頭的內容。

特別在長頁面或行動裝置瀏覽網站的時候,反覆手動滑動上去很累,一鍵捲動到頂部可以提升使用者體驗。

本篇文章介紹Astra主題的滾動到頂部功能,其他主題可以參考使用Elementor製作滾動到頂部功能

開啟Astra主題滾動頂部功能

在WordPress後台,點選」外觀」 – “自訂” ↓

開啟主題自訂設定

再在自訂介面裡點選進入「總體」選單↓

點擊自訂頁面- 總體

在「整體」選單中找到「捲動到頂部」選單,點選進入↓

點擊“滾動到頂部”選單

顯示設定

首先要開啟「啟用捲動到頂部」右側的按鈕,就可以啟動該功能↓

設定滾動到頂部功能的顯示

下方還可以設定在哪些裝置上顯示滾動到頂部按鈕,分別是:桌面端、行動端、桌面端+行動端。

在「位置」設定中可以控制按鈕顯示在頁面的「左側」還是「右側」。

最下方圖示大小控制按鈕裡圖示的尺寸。

樣式設定

點選選單上方的「DESIGN」進入按鈕樣式設定介面↓

設定滾動到頂部功能的樣式

圖示顏色:有兩個色塊設置,分別控製圖示正常情況下的顏色和滑鼠懸停時候的顏色。
背景顏色:有兩個色塊設置,分別控制按鈕正常情況下的顏色和滑鼠懸停時候的顏色。
邊框圓角:控制鈕四個角的圓潤度。

下圖就是滾動到頂部按鈕:

捲動到頂部按鈕展示

以上就是捲動到頁面頂部功能的全部內容。點擊看更多Astra教程

: ) 文章內容均為原創,轉載須註明出處並添加原文鏈接,否則視為侵權
Well企業微信
專業網站搭建,掃碼直接諮詢
外貿伺服器推薦(Well在用的伺服器)
vultr-徽標
一線品牌VPS伺服器,穩定、不貴、效能強
Clouvider 標誌
二線品牌VPS伺服器,穩定、便宜、效能強
文章標籤
文章推薦
文章目錄

建站遇到問題?

聯絡我們取得:免費技術諮詢/ 付費技術支持
聯絡我們獲得免費技術諮詢、 付費技術支持
相關文章
没有账号? 忘记密码?