Scroll Padding

Usage

Please refer to the documentation on the Tailwind CSS website

Compatibility

Class	Support
`scroll-p-{n}`	🌐 Web only
`scroll-p-[n]`	🌐 Web only
`scroll-px-{n}`	🌐 Web only
`scroll-px-[n]`	🌐 Web only
`scroll-py-{n}`	🌐 Web only
`scroll-py-[n]`	🌐 Web only
`scroll-pt-{n}`	🌐 Web only
`scroll-pt-[n]`	🌐 Web only
`scroll-pr-{n}`	🌐 Web only
`scroll-pr-[n]`	🌐 Web only
`scroll-pb-{n}`	🌐 Web only
`scroll-pb-[n]`	🌐 Web only
`scroll-pl-{n}`	🌐 Web only
`scroll-pl-[n]`	🌐 Web only

Legend

Class

-{n} Supports values from theme

-[n] Supports arbitrary values

Icon

✅ Full support

✔️ Partial support on native

🧪 Experimental support on native

📱 Native only

🌐 Web only

Scroll Margin

Previous Page

Scroll Snap Align

Next Page