[WordPress] 外掛分享: Super Light Animated Scroll to id

首頁外掛目錄 › Super Light Animated Scroll to id
⚠ 此外掛已下架 — 不再更新維護,建議勿安裝。
10+
安裝啟用
尚無評分
2229 天前
最後更新
問題解決
WordPress 5.0+ PHP 7.0+ v0.2.1 上架:2020-02-03

內容簡介

使用方法

將 HTML id 屬性添加到想要滾動到的元素。

例如:

<h1 id="your-anchor">要流暢滾動到的標題!</h1>

現在在 href 屬性中添加哈希符號和 sl-animated-scroll 類別到 A 標籤或包含 A 標籤的元素。

例如:

<a href="#your-anchor" class="sl-animated-scroll">
流暢滾動到我的錨點!
</a>

嘗試一下。

如何鉤取菜單/導航連結?

進入外觀 -> 選單。

確認已在屏幕選項(右上角)中啟用類別。

創建新的自訂連結

在自訂連結的 URL 中添加您的錨點:/#your-anchor

將特殊類別插入到自訂連結中:sl-animated-scroll

保存並嘗試!

支援

如有任何問題、疑問或建議,請通過 [email protected] 聯繫我們。

GitHub:https://github.com/dlawp/wp-plugin-super-light-animated-scroll

外掛標籤

開發者團隊

⬇ 下載最新版 (v0.2.1) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「Super Light Animated Scroll to id」→ 直接安裝(推薦)
📦 歷史版本下載

原文外掛簡介

Usage
Add HTML id attribute to element you want to scroll to.
Example:

Header we will be drawn to smoothly!

Now add hash to href attribute and class sl-animated-scroll to an A tag or element containing A tag.
Example:

Get me smoothly to my anchor!

Try it.
How to hook menu / nav links?

Go to Appearance -> Menus.

Make sure you have enabled classes in Screen Options (top right corner).

Create new Custom Link

Add your anchor in URL of the custom link: /#your-anchor

Insert special class to the custom link: sl-animated-scroll

Save and try it!

Support
If any problems, questions or suggestions please contact us at [email protected]
GitHub: https://github.com/dlawp/wp-plugin-super-light-animated-scroll

延伸相關外掛

文章
Filter
Apply Filters
Mastodon