Sticky Block for Gutenberg

Changelog

2.4.0 – 21/06/2026

  • New: A popular design pattern is a logo or nav bar that shrinks slightly once the visitor starts scrolling – it signals that the header has switched modes without any jarring jump. You can now build this without writing a line of CSS: set a scale percentage in the block settings and the block smoothly reduces in size the moment it becomes sticky.
  • New: You can now choose how your transition animation feels, not just how long it takes. Pick from five motion curves – a gentle ease in, a soft ease out, or a steady linear pace – to match the animation to the mood of your site.
  • New: If you are a developer building on top of this plugin, the block now announces when it sticks and when it releases. You can listen for those moments in JavaScript and react to them – useful for triggering analytics, syncing other animations, or updating navigation state elsewhere on the page.
  • Fix: When using a scale combined with a fade transition, the block would briefly snap back to its original size at the very end of the exit animation. It now smoothly returns to full size as it fades out, so the transition looks clean from start to finish.

2.3.0 – 14/06/2026

  • New: Your sticky block can now lock to the bottom of the viewport instead of the top. Cookie consent bars, floating chat widgets, and mobile call-to-action strips all belong at the bottom — now you can build them without any custom code.
  • New: A new “Show only after scrolling” toggle hides the block entirely at page load and reveals it only after the user has scrolled past it. Pair it with an entry transition for a smooth appear effect — ideal for back-to-top buttons and floating CTAs.
  • New: You can now disable sticky behaviour on desktop — the counterpart to the existing mobile disable. Handy for elements that only make sense as floating buttons on small screens.
  • Fix: Sticky was being disabled at exactly the mobile breakpoint width instead of below it, causing a one-pixel gap where the setting had no effect. The breakpoint now behaves consistently with its label.
  • Fix: Resizing the window during the exit animation could corrupt the scroll trigger point, causing the block to snap straight back into sticky position. The trigger is now only recalculated once the block has fully returned to its natural position.
  • Fix: The transition control in the editor was still labelled “Entry transition” even though it has driven both entry and exit animations since version 2.2.0.

2.2.0 – 07/06/2026

  • New: Your sticky bar now animates out the same way it came in. If you chose a Fade or Slide entry, the exit now matches — no more jarring snap when the block leaves the sticky position.
  • New: You can now control the spacing on all four sides of your sticky block, not just the top. Handy when your sticky nav feels cramped once it locks to the screen.
  • New: Add a border that only appears when your block is stuck — a clean way to draw a visual line between a sticky header and the content scrolling beneath it. Choose Solid or Dashed, set a thickness and a color.
  • New: Enter a CSS class name and it gets added automatically when the block sticks, then removed when it scrolls back to its normal position. Useful for applying custom styles from your theme.
  • New: You can now switch any existing Group block into a Sticky Block — and back — with a single click in the editor. All the content inside is kept exactly as it was.

2.1.0

  • New: Your sticky block can now glide into view instead of snapping into place. Choose Fade, Slide down, or both together — and set how fast the animation plays.
  • New: One toggle makes your sticky block stretch edge to edge the moment it becomes sticky. Great for navigation bars that need to span the full width of the screen.
  • New: Set a different text color for when the block is sticky. Pair it with a sticky background color to build the popular transparent-to-solid header effect.

2.0.0

  • New: Place more than one sticky block on the same page — each with its own independent settings.
  • New: Choose whether your block stays sticky all the time, or only reappears when the visitor scrolls back up.
  • New: Tell the block to stop sticking before it reaches your footer, so it never overlaps the bottom of your page.
  • New: Turn off sticky behavior on phones with a single toggle, and choose exactly which screen width counts as mobile.
  • New: Set a background color that only shows when the block is stuck — ideal for a transparent header that needs a solid fill once it leaves the top of the page.
  • New: Add a shadow under the block when it is sticky — a subtle touch that helps it stand out from the content below.
  • New: Add extra padding above your content when the block is stuck.
  • New: Give the sticky wrapper a label that screen readers can announce, so visitors using assistive technology know what it is.
  • Improvement: The plugin no longer requires jQuery — it now loads a small, fast script only on pages where you have placed a sticky block.
  • Improvement: Scrolling feels smoother and more responsive than before.
  • Fix: The block no longer briefly flickers into the wrong position when scrolling near the footer stop point.
  • Fix: The sticky position is now correctly recalculated when the page layout changes — for example after an image loads or the browser window is resized.

1.0.1

  • Fix: Minor fixes.

1.0.0

  • New: Initial release.

Plugin Website
Visit website

Author
WPWing
Version:
2.4.0
Last Updated
June 20, 2026
Requires
WordPress 5.8
Tested Up To
WordPress 7.0
Requires PHP
7.4

Share Post

Join our newsletter.

Get insights into what’s happening at ChangelogWP right in your inbox. We don’t believe in spam.