Skip to content

spike(#3347): sticky header utility classes#3615

Draft
bdfranck wants to merge 1 commit intodevfrom
benji/sticky-header-spike-2
Draft

spike(#3347): sticky header utility classes#3615
bdfranck wants to merge 1 commit intodevfrom
benji/sticky-header-spike-2

Conversation

@bdfranck
Copy link
Copy Markdown
Collaborator

@bdfranck bdfranck commented Mar 20, 2026

This spike explores one sticky header idea: what if we used CSS utility classes?

<div class="scroll-container">
  <div class="sticky">
    <goab-container>This is sticky</goab-container>
  </div>
  <!-- tons of content goes here -->
</div>

Benefits

  • Lightweight & high performance
  • Only uses CSS
  • SImple and flexible

Drawbacks

  • Goes against our current Svelte component pattern
  • Teams may have trouble implementing it if they don't know how position: sticky works
  • Still needs JS to add shadows

Would more simply utility classes like this be useful for simple layout assistance?

@bdfranck bdfranck changed the title spike: sticky idea 1 - add utility classes spike: sticky header utility classes Mar 20, 2026
@bdfranck bdfranck changed the title spike: sticky header utility classes spike(#3347): sticky header utility classes Mar 23, 2026
@bdfranck bdfranck linked an issue Mar 23, 2026 that may be closed by this pull request
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Create reusable sticky header/footer component

1 participant