Linux 软件免费装
Banner图

Floaty Header – Easy Sticky Header, Sticky Menu & Announcement Bar

开发者 amandeepwebspero
更新时间 2025年9月22日 20:46
PHP版本: 7.4 及以上
WordPress版本: 6.8
版权: GPLv2 or later
版权网址: 版权信息

标签

elementor sticky header sticky menu floating header sticky announcement bar

下载

1.2.2 1.2.3 1.0.0 1.0.1 1.2.1 1.2.0

详情介绍:

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

安装:

  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.

屏幕截图:

  • 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 - Mobile.

升级注意事项:

1.2.3 Minor update – plugin name refreshed for clarity and SEO. No functional changes. 1.2.2 Recommended update – new sticky on scroll up functionality, improved admin UI/UX, and minor optimizations.

更新日志:

1.2.3 1.2.2 1.2.1 1.2.0 1.0.0