Horizontal Scroll Section
Bootstrap 5 section that pins to the viewport and slides photo cards sideways as the page scrolls down, with a counter and progress bar.
Tag: sticky
Components tagged with "sticky".
5 components
Sticky Add to Cart Bar for Shopify
Shopify section: a bar fixed to the bottom of product pages that appears once the main add-to-cart button scrolls away, with image, price, variant select and a real product form.
Table with Sticky Header
Dark striped data table in pure CSS with a sticky header row and sticky first column inside a scrollable, keyboard-focusable container.
Article with Table of Contents
Tailwind CSS long-form article layout with a sticky table of contents that highlights the current section and shows reading progress.
Transparent Navbar that Turns Solid on Scroll
Bootstrap 5 navbar that sits transparently over a gradient hero and becomes a solid, blurred bar with a shadow when the page scrolls.