feat(toolbar): add hideOnScroll for header and footer toolbars

[joselrio]

Issue number: resolves #

---

This pull request introduces the new hideOnScroll feature for ion-toolbar, enabling toolbars in header and footer to automatically hide and show based on scroll direction.

Hide on Scroll Feature for Toolbars:

• Added hideOnScroll property to ion-toolbar, updating the API documentation and exposing it in Angular and Vue proxies, allowing toolbars to hide on scroll in both headers and footers. [1] [2] [3] [4]
• Implemented logic in ion-header to prioritize hideOnScroll over collapsible large titles, and to skip collapse behavior when hideOnScroll is present. [1] [2]
• Added tests and demo page for the hide-on-scroll toolbar functionality.

Styling and Layout Enhancements:

• Introduced new CSS and SCSS for header, footer, toolbar, and content to support smooth hide/show transitions and proper overlay behavior when hideOnScroll is active. [1] [2] [3] [4]

Does this introduce a breaking change?

• Yes
• No

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
ionic-framework	Ready	Preview, Comment	May 28, 2026 5:10pm