內容簡介
Sticky Header Effects for Elementor 是一款專為 Elementor 設計的外掛，能將任何標頭轉換為智慧型、響應式的黏性標頭，提供透明、固定及多種滾動效果，無需撰寫程式碼，適用於 Elementor Free 或 Pro。
【主要功能】
• 支援透明及固定標頭
• 提供 12 種滾動效果
• 無需撰寫程式碼，簡易操作
• 響應式控制，適應不同裝置
• 50+ 預設範本可快速導入
外掛標籤
開發者團隊
② 後台搜尋「Sticky Header Effects for Elementor」→ 直接安裝（推薦）
📦 歷史版本下載
原文外掛簡介
The original Elementor sticky header & sticky menu plugin. Transparent, fixed & scroll effects (blur, shrink, hide) on Elementor Free or Pro.
Sticky Header Effects for Elementor: Build Smart, Responsive Sticky Headers
Sticky Header Effects for Elementor is the plugin for turning any Elementor header into a smart, scroll aware sticky header. Add a sticky menu, a transparent header, a fixed header, and 12 scroll based features like blur, shrink, hide on scroll and color change, all with no code, on Elementor Free or Pro.
Trusted by 300,000+ websites with 5.4 million+ downloads and rated 4.5 stars, it is the sticky header plugin agencies, designers and site owners reach for first.
Live Demos | Documentation | Get Pro
Why 300,000+ Sites Choose Sticky Header Effects
The original. The plugin that made sticky header effects easy for Elementor, refined over years and 5.4M+ downloads.
Works on Elementor Free. You do not need Elementor Pro. Every free effect runs on Elementor Free or Pro.
No code. Everything lives in a simple panel inside the Elementor Advanced tab. No CSS, no JavaScript, no snippets.
Responsive control. Tune behavior and thresholds per device.
50+ ready templates. Import a proven header and go live in minutes.
Tested, Maintained, and Supported
Sticky Header Effects is actively maintained and backed by real support, with docs and live demos to get you set up fast. You get a reliable, responsive sticky header without writing or maintaining a single line of code.
Built Light, No Bloat
Performance is a feature. The effects run on a lightweight vanilla JavaScript engine that only does work when you actually enable a sticky effect on a header. No heavy libraries are forced onto every page, and nothing loads where it is not used. Your Core Web Vitals stay yours.
Free vs Pro
The free plugin gives you the core sticky header toolkit. Sticky Header Effects for Elementor Pro is a separate add on that layers 12 advanced, scroll based features on top.
Included in Free (11 features):
Header scroll distance threshold
Transparent header background
Dynamic background color change
Bottom border and shadow styling
Header shrink on scroll
Logo shrink on scroll
Logo color change on scroll
Blur background (backdrop)
Hide header on scroll down
Back to Top button
Fix Anchor Scroll (offset in-page anchor links)
Added in Pro (12 advanced features):
Display Conditions (show and hide by page, post, role, URL and more)
Sticky Until (release at a container, page end, element or scroll distance)
Reveal and entrance animations (9 effects)
Header Replace on scroll (a different header look when sticky)
Logo image swap (with retina)
Sticky menu styling (5 menu types)
Extended backdrop filters (grayscale, brightness, contrast, hue)
Background image on sticky
Header opacity transition
Logo styling on sticky
Multi-Sticky coordination (up to 5 sticky sections)
Scroll Progress Bar (reading progress on the header or the browser edge)
11 Powerful Elementor Sticky Header Features
1. Header Scroll Distance Effect
Set Scroll Trigger Threshold
Define how far the user scrolls before sticky effects activate. Perfect for precise control over header behavior.
Live Demo
2. Transparent Header Background Effect
Overlay with Elegance
Allow your header to overlay your hero or banner sections with full transparency. Ideal for modern homepage designs.
Live Demo
3. Dynamic Background Color Change
Auto Background Switching
Change your header background color on scroll to match different sections or maintain contrast.
Live Demo
4. Bottom Border Styling Effect
Subtle Section Separation
Add customizable borders below your sticky header for better definition and clean design.
Live Demo
5. Header Shrinking Effect
Reduce Header Height Dynamically
Shrink the entire header after scrolling to save space and focus attention on the page content.
Live Demo
6. Logo Shrinking Effect
Responsive Logo Transition
Shrink the logo proportionally during scroll, maintaining visual balance and brand presence.
Live Demo
7. Logo Color Change Effect
Switch Logo Color for Better Contrast
Automatically switch to a contrasting logo color on scroll based on background or user behavior.
Live Demo
8. Blur Background Effect
Add Modern Blur Transition
Enhance the visual flow by applying a subtle blur effect to the background of your sticky header.
Live Demo
9. Hide Header on Scroll Down Effect
Hide and Reappear on Scroll
Auto-hide the header when scrolling down and show it again on scroll up. Great for content-heavy pages.
Live Demo
10. Back to Top Button
Return to the Top in One Click
Add a floating Back to Top button that appears once the visitor has scrolled past a distance you set, then smooth scrolls back to the top. Position, size, radius, colors and edge offset are all yours.
11. Fix Anchor Scroll
Anchor Links That Land in the Right Place
Stop a sticky header from covering the section an in-page anchor link jumps to. The offset follows the real header height automatically, with an extra gap control and optional smooth scrolling that respects a reduced motion preference.
Sticky Header Effects PRO: 12 Advanced Features
Want more control? Sticky Header Effects for Elementor Pro is a separate add-on that builds on top of this free plugin. It adds 12 advanced, scroll-based header features:
1. Display Conditions (PRO)
Show or hide the sticky header on specific pages, posts, taxonomies, roles, login state, URLs and more.
Live Demo
2. Sticky Until (Boundary Control) (PRO)
Release the sticky at a container, page end, custom element, or scroll distance.
Live Demo
3. Reveal / Entrance Animations (PRO)
9 entrance effects (slide, fade, zoom, flip) when the header becomes sticky, with duration, easing and delay.
Live Demo
4. Header Replace on Scroll (PRO)
Show a completely different header look when sticky, built from a normal and a sticky version in one header (no second template).
Live Demo
5. Logo Image Swap (PRO)
Swap to a different logo image (with retina @2x) when the header becomes sticky.
Live Demo
6. Sticky Menu Styling (PRO)
Restyle nav menu colors, typography and spacing only while sticky (Elementor, Mega Menu, WordPress Menu and TPAE Nav Menu).
Live Demo
7. Extended Backdrop Filters (PRO)
Add grayscale, brightness, contrast and hue-rotate on top of the free blur backdrop.
Live Demo
8. Background Image on Sticky (PRO)
Show a background image only while the header is sticky, with full position, size, repeat and attachment controls.
Live Demo
9. Header Opacity Transition (PRO)
Smoothly fade the header opacity between its normal and sticky states.
Live Demo
10. Logo Styling on Sticky (PRO)
Add padding, border, radius and box-shadow to the logo only while sticky, with a smooth transition.
Live Demo
11. Multi-Sticky Coordination (PRO)
Coordinate up to five sticky sections on one page in Stack or Sequential modes, with priority ordering.
Live Demo
12. Scroll Progress Bar (PRO)
Show a reading progress bar that fills as visitors scroll, attached to the header or pinned to the browser edge, with thickness, fill and track colors, radius and a smooth fill control.
Read Docs
Get Sticky Header Effects Pro, backed by a 60-day money-back guarantee.
Check Our Other Products
The Plus Addons for Elementor – Get 120+ unique Elementor widgets, Elementor templates, and more.
Nexter Blocks – Nexter Theme works in sync with core Gutenberg. Add 90+ powerful, highly customizable blocks.
NexterWP Theme – Best and lightest starter theme for WordPress and Elementor.
Nexter Extension – Power up your WordPress website with 20+ extensions for layout, performance, security and more.
UiChemy – Figma to Elementor Converter – Convert your Figma templates into live Elementor websites using our Free Figma Plugin.
WDesignKit – 1000+ templates, Elementor and Gutenberg widget builder, cloud storage, widget to block converter and more.
SproutOS – A modern WordPress plugin that helps site owners, agencies and developers work faster with AI-powered tools, automation and workflow controls.
External services
Sticky Header Effects for Elementor may connect to the external services below only when the related feature is enabled:
api.posimyth.com: usage analytics. Off by default; submitting the deactivation feedback form also sends it, plus your admin email if you tick the contact box. Terms · Privacy · what is shared
stickyheadereffects.com, posimyth.com: header template and preset listings, requested by the plugin’s dashboard on your behalf. Terms · Privacy
store.posimyth.com: newsletter opt-in, only when you submit the Get Updates or dashboard subscribe form. Sends the email address you type, plus the name if you use the dashboard box. Terms · Privacy
wdesignkit.com: ready-made header presets and preview images, delivered through the free WDesignKit companion plugin. Terms · Privacy
downloads.wordpress.org: Rollback Manager downloads of a previous plugin version from the WordPress.org plugin directory, only when you start a rollback. Privacy
If the separate Sticky Header Effects for Elementor Pro add-on is installed, it also validates its license key with store.posimyth.com. That flow is disclosed in the Pro plugin.
