前言介紹
- 這款 WordPress 外掛「Sticky Elementor – Sticky Header, Menu Color After Sticky, Logo Swap & Back to Top Button」是 2025-06-18 上架。
- 目前有 200 個安裝啟用數。
- 上一次更新是 2026-02-13，距離現在已有 12 天。
- 外掛最低要求 WordPress 5.0 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 7.2 以上。
- 有 2 人給過評分。
- 論壇上目前有 2 個提問，問題解答率 50%
外掛協作開發者
bhumi239 |
外掛標籤
header | elementor | navigation | sticky menu | sticky header |
內容簡介
總結：Sticky Elementor 外掛可增強 Elementor 頁面建立工具，為容器添加固定特性。透過這個外掛，您可以啟用個別 Elementor 容器的固定捲動、設定固定後的頂部偏移、填充、寬度、背景顏色和動畫效果類別、根據滾動位置應用固定效果，以及在單一頁面上支援多個固定容器（頂部、中部和底部）。
1. 什麼功能是 Sticky Elementor 外掛的特色？
- 增加 Elementor 頁面建立工具的固定設計功能。
2. 可以為哪些 Elementor 容器啟用固定捲動？
- 可以為個別 Elementor 容器啟用固定捲動。
3. 在設定固定後，可以調整哪些屬性？
- 可以設定固定後的頂部偏移、填充、寬度、背景顏色和動畫效果類別。
4. Sticky Elementor 可以根據什麼位置應用固定效果？
- 可以根據滾動位置應用固定效果。
5. 在單一頁面上，Sticky Elementor 支援多少個固定容器？
- 支援多個固定容器，包括頂部、中部和底部。
6. Sticky Elementor 最適合用於創建什麼樣式的版面？
- 形成現代動態版面，如固定標題、區塊或行動呼籲方塊。
原文外掛簡介
Are you looking for a Free Sticky Header for Elementor?
Sticky Elementor is a high-performance, lightweight plugin designed to add advanced sticky effects to any Elementor container. Whether you want a Transparent Sticky Header, a Sticky Mobile Menu, or a Shrink Logo on Scroll effect, this plugin provides a complete toolkit with zero coding required.
Built for full compatibility with Elementor’s Flexbox container system, it offers advanced scroll effects, sticky triggers, entrance animations, and responsive visibility.
🌟 Why Choose Sticky Elementor?
Zero Layout Shift (CLS Fix): Our dynamic spacer ensures your content doesn’t “jump” when the header becomes sticky, improving your Google Core Web Vitals score.
Mobile-First Design: Individual sticky controls for Desktop, Tablet, and Mobile.
All-in-One Solution: Get advanced sticky options, logo swapping, and menu styling in one lightweight package.
🚀 Key Features
Works seamlessly with Elementor Flexbox containers and common widgets: Nav Menu, Button, Heading — with full control to change their styles even after they become sticky.
Compatible with Essential Addons for Elementor (e.g., Button, Simple Menu widgets) – sticky effects work perfectly with them.
Fully works with Templately templates, so you can directly use sticky effects inside pre-built designs.
Back to Top button with smooth scroll animation (fully customizable).
Any container sticky – headers, sections, logos, toolbars, or promo bars.
Control sticky position: top, middle, or bottom.
Customize appearance: top offset, padding, background, width, and border radius.
Entrance animations for sticky elements: fade, slide, zoom, rotate, bounce, and more.
Transition Speed controller to adjust animation speed.
Z-Index control to manage stacking of sticky elements.
Rotation effects (X & Y) on scroll for dynamic animations.
Responsive controls for desktop, tablet, and mobile.
Shrink logos and change logo color on scroll.
Glassmorphism Effects: Add modern Blur (Backdrop Filter) and Transparency effects for a premium look.
Menu & Button Styling: Change navigation text color and button backgrounds specifically for the sticky state.
Back to Top Button: Add a smooth-scrolling back to top button with customizable styles.
Works seamlessly with popular Elementor addons (Royal Addons, Premium Addons, ElementsKit, Ultimate Addons for Elementor, plus more) ensuring smooth compatibility.
Lightweight and optimized with minimal JS & CSS for top performance.
Whether you’re building a sticky header, floating section, or a smart scroll-based container — this plugin makes it fast and easy, and it works fully with free Elementor (Pro is not required).
✅ Compatibility with Popular Elementor Addons
Sticky Elementor is fully tested and compatible with popular Elementor addons and their key widgets:
Elementor Addons – Fully supports Heading,Button and Icon styling after sticky.
Essential Addons for Elementor – Works with Button, Simple Menu widgets.
Royal Addons for Elementor – Compatible with Nav Menu, Mega Menu, and Button widgets.
Premium Addons for Elementor – Sticky effects work smoothly with Nav Menu and Button widgets.
ElementsKit Elementor Addons – Fully supports Nav Menu and Button styling after sticky.
Ultimate Addons for Elementor – Compatible with Nav Menu widgets and sticky styling.
Flexbox Containers & Templately Templates
👨💻 Why Choose Sticky Elementor?
100% free and easy to use.
Lightweight and optimized for performance.
Designed with SEO-friendly practices.
Regular updates with new features.
Credits
Developed with ❤️ by Bhumi
License
This plugin is licensed under the GPLv2 or later.
See https://www.gnu.org/licenses/gpl-2.0.html for details.
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Sticky Elementor – Sticky Header, Menu Color After Sticky, Logo Swap & Back to Top Button」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
1.0.3 | 1.0.4 | 1.0.5 | 1.0.6 | 1.0.7 | 1.0.8 | 1.0.9 | 1.1.2 | 1.1.3 | 1.1.4 | 1.1.5 | 1.1.6 | 1.1.7 | 1.1.8 | trunk | 1.0.10 | 1.0.11 | 1.0.12 | 1.0.13 | 1.1.10 | 1.1.11 | 1.1.12 | 1.1.13 | 1.1.14 | 1.1.15 | 1.1.16 | 1.1.17 | 1.1.18 | 1.1.20 | 1.1.21 |
延伸相關外掛（你可能也想知道）
Sticky Header Effects for Elementor 》Sticky Header Effects for Elementor 是一個插件，為 Elementor Pro 2.0 中引入的「sticky」標題特性添加了實用選項。當訪客開始向下滾動頁面時，它為用戶提...。
Sticky Menu & Sticky Header 》這款 WP Sticky Menu (或 Sticky Header) On Scroll 外掛能讓你在往下滾動並滑動到頂部時，讓任何頁面上的元素保持固定位置。通常會用於讓導覽列固定在頁面上...。
My Sticky Bar – Floating Notification Bar & Sticky Header (formerly myStickymenu) 》使用 myStickymenu 為您的網站創建一個美麗的通知欄。此外，此粘性菜單外掛還可以在滾動到一定像素點後讓您的菜單或標頭保持粘性。您也可以使用它來創建歡迎...。
JetSticky For Elementor 》JetSticky 是一款外掛，可讓使用 Elementor 建立的區段和欄位具有固定效果，在頁面向上或向下滾動時總是保持在視線中。, 當您需要將標題和區塊固定在畫面上時...。
Xpro Theme Builder For Elementor – FREE 》or Theme Builder 外掛介紹, 透過這個強大的 WordPress 外掛，您可以為文章類型、部落格歸檔、WooCommerce 產品和分類、搜尋頁面、404 頁面等創建自定義佈局...。
Announcer – Sticky Message Banner, Notification Bar – Add to Top, Bottom of your Website 》使用 Announcer 外掛程式，您可以在網站上新增美觀且專業的通知條。您可以顯示自訂的訊息，例如促銷活動、Cookie 使用注意事項、歡迎訊息、隱私權政策聲明等...。
Advanced Floating Content Lite 》它在您的免費測試網站上試用 點擊此處, https://tastewp.com/new?pre-installed-plugin-slug=advanced-floating-content-lite, Advanced Floating Content 外...。
WordPress Notification Bar 》一個快速和簡單的通知欄和呼籲行動的外掛，可用於您的網站。, , 立即升級到通知欄專業版本！ », , 好處、功能和選項：, , 快速且易於安裝, 自定義消息...。
Sticky Header by ThematoSoup 》如需支援，請使用我們的專屬支援論壇。, 「Sticky Header WordPress」外掛可讓您的標題條件時顯示，這是一個非常棒的功能，可讓使用者更快速瀏覽網頁並消費更...。
Fixed And Sticky Header 》這個 WordPress 套件可以固定標題或選單，讓它們在網頁上一直可見。, 這是一個非常好用的功能，讓使用者瀏覽網頁更快速。, 在設定選項裡（Fixed header），您...。
All-in-One Sticky Anything – Fixed Widget, Sticky Header, Menu, Sidebar, Social Icons & Cookie Consent 》All-in-One WP Sticky Anything, All-in-One WP Sticky Anything on Scroll 插件可讓您在網站上使任何元素固定。它也適用於 Elementor 頁面建構器。, 有時我...。
Sticky Header 2020 》此外掛為原生自訂樣式工具提供自定義功能，並提供設定使標題欄黏著，包括設定捲動縮小、陰影、背景、間距、文字、選單和圖示顏色等。此外掛相容於 Twenty Twe...。
Sticky Header On Scroll 》這是一個能夠在 WordPress 網站上輕鬆安裝的一鍵外掛程式。您只需要將主頁頭部的 class（或 ID）添加到外掛程式輸入框內即可使頁面在滾動時固定主標頭。此外...。
Awesome Sticky Header by DevCanyon 》如需支援請使用我們的專屬支援論壇。, 完全掌控您的粘性標頭。 設置您的菜單，子菜單，次級菜單，搜索，您的顏色，背景或透明度，您的徽標等等！, 在插件的管...。
Aploblocks – Styling and Patterns for the block editor 》AploBlocks 將額外功能添加到 WordPress 核心區塊中。它專為區塊主題設計，可幫助您輕鬆實現令人難以置信的設計功能。如果您知道如何使用區塊編輯器，那麼您...。