Title: Floaty Header – Sticky Header, Floating Bar & Announcement Bar Author: Aman Brar Published: 2025년 7월 18일 Last modified: 2026년 2월 2일 --- 플러그인 검색 ![](https://ps.w.org/floatyheader-sticky-header/assets/banner-772x250.png?rev=3330118) ![](https://ps.w.org/floatyheader-sticky-header/assets/icon-256x256.png?rev=3330118) # Floaty Header – Sticky Header, Floating Bar & Announcement Bar 작성자: [Aman Brar](https://profiles.wordpress.org/amandeepwebspero/) [다운로드](https://downloads.wordpress.org/plugin/floatyheader-sticky-header.1.2.6.zip) * [세부사항](https://ko.wordpress.org/plugins/floatyheader-sticky-header/#description) * [평가](https://ko.wordpress.org/plugins/floatyheader-sticky-header/#reviews) * [설치](https://ko.wordpress.org/plugins/floatyheader-sticky-header/#installation) * [개발](https://ko.wordpress.org/plugins/floatyheader-sticky-header/#developers) [지원](https://wordpress.org/support/plugin/floatyheader-sticky-header/) ## 설명 Floaty Header is a lightweight and flexible sticky header plugin that helps you fix any element to the top of the page when scrolling — be it your header, navigation, or an announcement bar. Perfect for improving user navigation, increasing visibility of key elements, and maintaining branding on long pages. ### ⚡ New: Sticky on Scroll Up With the **sticky on scroll up** feature, your header or navigation remains hidden while users scroll down and only becomes visible when they scroll up. This keeps your site clean, uncluttered, and content-focused while still providing easy access to navigation. This functionality is fully customizable for desktop and mobile, giving you precise control over when and where the sticky header appears. To make any element sticky, simply enter its CSS selector — whether it’s `header`,`# site-header`, `.main-navbar`, or more specific elements like `header > div.logo- wrap` or `.top-bar nav.primary ul.menu`. No coding required! ### ✨ Features ⬆️ **Sticky on Scroll Up** – Keep your header hidden while scrolling down and reveal it when users scroll up for better UX and unobstructed content. 🎨 **Scroll Transition Effects** – Smooth _Fade_ or _Slide_ animations when your header becomes sticky. 🖌️ **Custom Sticky Background & Text Color (Mobile & Desktop)** – Independently style your sticky header for both mobile and desktop with live color pickers. 📏 **Offset Control** – Set the scroll distance before your header sticks to the top. 📱 **Mobile-Friendly Control** – Option to disable sticky behavior on mobile devices. 📢 **Sticky Announcement Bar Support** – Make any announcement bar sticky for promotions or alerts. 🎯 **Improved Styling & UI/UX** – Enhanced handling for links, buttons, icons, SVGs, toggles, and form spacing in the settings page. ⚡ **Optimized Performance** – Lightweight updates to ensure fast, conflict-free behavior. ### ✅ Additional Highlights * Make **any element sticky** – headers, announcement bars, navigation. * Works with **any theme or page builder**. * Simple, clean **UI with live previews and toggles**. * Easy setup – no coding required. ## 스크린샷 [⌊Settings section with Target Element - Class or ID, Behavior - Offset (px), Scroll Transition Effect⌉⌊Settings section with Target Element - Class or ID, Behavior- Offset (px), Scroll Transition Effect⌉[ Settings section with Target Element – Class or ID, Behavior – Offset (px), Scroll Transition Effect [⌊Settings section with Sticky on Scroll Up, Desktop Sticky Styles, Mobile Sticky Styles⌉⌊Settings section with Sticky on Scroll Up, Desktop Sticky Styles, Mobile Sticky Styles⌉[ Settings section with Sticky on Scroll Up, Desktop Sticky Styles, Mobile Sticky Styles [⌊Sticky header in action with custom background, offset, and scroll up behavior- Desktop.⌉⌊Sticky header in action with custom background, offset, and scroll up behavior - Desktop.⌉[ Sticky header in action with custom background, offset, and scroll up behavior – Desktop. [⌊Sticky header in action with custom background, offset, and scroll up behavior- Mobile.⌉⌊Sticky header in action with custom background, offset, and scroll up behavior- Mobile.⌉[ Sticky header in action with custom background, offset, and scroll up behavior – Mobile. ## 설치 1. Upload the plugin folder to `/wp-content/plugins/`. 2. Activate the plugin via the “Plugins” screen in WordPress. 3. Go to **Settings > Floaty Header** to configure your sticky element. ## FAQ ### Does Floaty Header work with Elementor? Yes. Floaty Header is fully compatible with Elementor and other popular WordPress page builders. You can easily make any Elementor header, section, or widget sticky without writing code. ### Can I make elements other than headers sticky? Yes, you can enter any valid CSS selector — such as announcement bars, menu sections, etc. ### Does it work with all themes? Yes, Floaty Header is theme-agnostic and compatible with all popular themes and page builders. ### Can I disable sticky behavior on mobile? Yes, there’s a toggle option to disable sticky headers on smaller screens. ### What is “Sticky on Scroll Up”? When enabled, the header remains hidden while scrolling down and only appears when the user scrolls up. It helps reduce clutter and keeps content visible. ## 후기 ![](https://secure.gravatar.com/avatar/557933ed020c8d5f818233f48e8d09f44d4c0d8fa73c5eaf12f55de450b92958? s=60&d=retro&r=g) ### 󠀁[I just used this sticky header plugin in my website](https://wordpress.org/support/topic/i-just-used-this-sticky-header-plugin-in-my-website/)󠁿 [Shubham Sharma](https://profiles.wordpress.org/shubhamvasishtha/) 2025년 8월 1 일 I recently used this plugin on my website and found it works flawlessly—no errors encountered. What impressed me the most is the option to disable the header on mobile devices if it's not needed. Works perfectly with any theme, loads fast, and improves site navigation. Highly recommend for anyone looking for a reliable sticky header solution. [ 모든 1 평가 읽기 ](https://wordpress.org/support/plugin/floatyheader-sticky-header/reviews/) ## 기여자 & 개발자 “Floaty Header – Sticky Header, Floating Bar & Announcement Bar”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에 기여하였습니다. 기여자 * [ Aman Brar ](https://profiles.wordpress.org/amandeepwebspero/) [자국어로 “Floaty Header – Sticky Header, Floating Bar & Announcement Bar”(을)를 번역하세요.](https://translate.wordpress.org/projects/wp-plugins/floatyheader-sticky-header) ### 개발에 관심이 있으십니까? [코드 탐색하기](https://plugins.trac.wordpress.org/browser/floatyheader-sticky-header/) 는, [SVN 저장소](https://plugins.svn.wordpress.org/floatyheader-sticky-header/)를 확인하시거나, [개발 기록](https://plugins.trac.wordpress.org/log/floatyheader-sticky-header/) 을 [RSS](https://plugins.trac.wordpress.org/log/floatyheader-sticky-header/?limit=100&mode=stop_on_copy&format=rss) 로 구독하세요. ## 변경이력 #### 1.2.6 “Plugin Check” issues fixes. No functional changes. #### 1.2.5 Minor update. No functional changes. #### 1.2.4 Minor update. No functional changes. #### 1.2.3 * Updated plugin name to **Floaty Header – Easy Sticky Header, Sticky Menu & Announcement Bar** for better clarity and SEO. #### 1.2.2 * Added “Sticky on Scroll Up” functionality for better UX. * Enhanced admin UI/UX with improved spacing, toggles, and responsive design. * Minor performance improvements and code refinements. #### 1.2.1 * Added separate color and background options for mobile and desktop. * Introduced option to make announcement bars sticky. * UI enhancements and improved spacing between form elements. * Styled the submit button for a clean design. #### 1.2.0 * Added scroll transition effects (fade and slide). * Improved color pickers with live preview. * Offset configuration introduced. #### 1.0.0 * Initial release with basic sticky header functionality. ## 기초 * 버전 **1.2.6** * 최근 업데이트: **8개월 전** * 활성화된 설치 **100+** * 워드프레스 버전 ** 5.5 또는 그 이상 ** * 다음까지 시험됨: **6.9.9** * PHP 버전 ** 7.4 또는 그 이상 ** * 언어 * [English (US)](https://wordpress.org/plugins/floatyheader-sticky-header/) * 태그: * [elementor](https://ko.wordpress.org/plugins/tags/elementor/)[sticky header](https://ko.wordpress.org/plugins/tags/sticky-header/) [sticky menu](https://ko.wordpress.org/plugins/tags/sticky-menu/) * [고급 보기](https://ko.wordpress.org/plugins/floatyheader-sticky-header/advanced/) ## 평점 별 5점 만점에 5점. * [ 1/5-별점 후기 ](https://wordpress.org/support/plugin/floatyheader-sticky-header/reviews/?filter=5) * [ 0/4-별점 후기 ](https://wordpress.org/support/plugin/floatyheader-sticky-header/reviews/?filter=4) * [ 0/3-별점 후기 ](https://wordpress.org/support/plugin/floatyheader-sticky-header/reviews/?filter=3) * [ 0/2-별점 후기 ](https://wordpress.org/support/plugin/floatyheader-sticky-header/reviews/?filter=2) * [ 0/1-별점 후기 ](https://wordpress.org/support/plugin/floatyheader-sticky-header/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/floatyheader-sticky-header/reviews/#new-post) [모든 리뷰 보기](https://wordpress.org/support/plugin/floatyheader-sticky-header/reviews/) ## 기여자 * [ Aman Brar ](https://profiles.wordpress.org/amandeepwebspero/) ## 지원 할 말 있으신가요? 도움이 필요하신가요? [지원 포럼 보기](https://wordpress.org/support/plugin/floatyheader-sticky-header/)