css

scroll-margin-top: Stop Hiding Content Behind Sticky Headers

Ever click an anchor link and watch your heading disappear behind a sticky nav? scroll-margin-top offsets the scroll target so it lands right below your fancy fixed elements.

Anchor offset fix: OFF (scroll-margin-top: 0px)

Introduction

Welcome to the documentation. This guide covers everything you need to get started with the project, from initial setup to advanced configuration.

Installation

Run the install command to set up dependencies. Make sure you have Node.js 18+ and a package manager like npm or bun available on your system.

Configuration

Create a config file in your project root. You can customize theme colors, fonts, breakpoints, and plugin options to match your design system.

Usage

Import components from the library and use them in your templates. Each component accepts props for customization and emits events for interactivity.

Deployment

Build your project for production with the build command. The output is a set of static files that can be deployed to any CDN or hosting provider.

Click a nav link — the heading hides behind the header