1. Feedback
  2. JavaScript
  3. 62605

Welcome to the JavaScript feedback portal. We’re happy you’re here! If you have feedback on how to improve the JavaScript, we’d love to hear it!

  • Check out the features or bugs others have reported and vote on your favorites. Feedback will be prioritized based on popularity.
  • If you have feedback that’s not listed yet, submit your own.

Thanks for joining our community and helping improve Syncfusion products!

2
Votes

Provide support to sticky header on scroll in Accordion

Need to keep the header sticky during scroll interactions in the Accordion.

 

Example use case:  When the accordion contains multiple components such as a ribbon and a grid with enableStickyHeader enabled.

In this scenario, the accordion should maintain a sticky header when scrolling through content. The setup includes:

  • An accordion component that organizes multiple sections with headers.
  • Inside each accordion section, there is a Ribbon at the top, providing a toolbar interface.
  • Below the ribbon, a Grid component is included, with the enableStickyHeader feature enabled to keep the grid's headers fixed during vertical scrolling.

The objective is to ensure the following behavior:

  • The accordion header remains visible as a sticky element during scroll.
  • The ribbon inside each section stays positioned just beneath the sticky accordion header.
  • The grid’s sticky header aligns with the accordion’s sticky behavior to provide a cohesive scrolling experience.