User Experience

Scroll to Top

Improve long-page navigation with a sleek, floating "Back to Top" button that respects your theme's aesthetics.

Behavior

The Scroll to Top button is designed to be non-intrusive. It remains hidden until the user has scrolled **400px** down the page, at which point it fades in with a subtle upward slide animation.

Smooth Animation

Leverages native browser smooth-scroll behavior for a professional, non-jarring return to the page header.

Responsive Positioning

Automatically adjusts its position on mobile to avoid overlapping with the **Mobile Bottom Navigation** bar.

Customization

Colors
The button inherits colors from your **Header Navigation** settings to maintain visual consistency across the entire UI.
Shadows
Features a dynamic shadow that deepens when the theme is in **Dark Mode** for better visibility on dark backgrounds.
High-Performance
Sellzar uses a passive event listener for scroll detection, ensuring the "Scroll to Top" logic never impacts your store's scrolling performance or Lighthouse scores.