Makes any element sticky on scroll with smart responsive behavior. Perfect for keeping product summaries, pricing cards, or add-to-cart buttons visible while users browse long product pages. Automatically disables on mobile for better UX. Zero JavaScript overhead - uses pure CSS position sticky with dynamic style injection.

Product Description

Premium quality product with exceptional features. Built to last and designed for everyday use.

Features

Advanced technology, sustainable materials, ergonomic design, and industry-leading warranty.

Specifications

Dimensions, weight, materials, compatibility information and technical details.

Position

Top Offset CSS value

Distance from the top of the viewport when the element becomes sticky. Accepts any CSS unit like px, rem, em, or vh. Account for fixed headers by matching their height.

Default: 2rem

Z-Index number

Stack order of the sticky element. Higher values appear above other elements. Increase if the sticky element gets hidden behind other content.

Default: 10

Custom Attribute text

HTML attribute name used to mark elements as sticky. Add this attribute to any element you want to make sticky. Useful for targeting specific elements.

Default: data-sticky-product

Responsive

Mobile Breakpoint pixels

Screen width below which sticky behavior is disabled. On smaller screens, elements return to normal flow. Match your theme's tablet/mobile breakpoint.

Default: 768

Disable on Mobile on/off

Turn off sticky behavior on mobile devices. Recommended for better mobile UX since sticky elements can consume valuable screen space on small displays.

Default: On

Appearance

Hide Scrollbar on/off

Hides the scrollbar on the sticky element for a cleaner look. Uses cross-browser CSS to hide scrollbars while maintaining scroll functionality if the content overflows.

Default: On

Performance

This element is extremely lightweight - it only injects CSS rules and uses native browser sticky positioning. No JavaScript runs on scroll events. Uses MutationObserver to detect dynamically added elements. Works with any SureCart product layout and plays nicely with other sticky elements on the page.