The scroll-padding-top property is a CSS property that is used to specify the padding area for the top of an element when it is scrolled. This property is used to create a buffer zone at the top of an element when it is scrolled, which can be useful for preventing content from being hidden behind fixed headers or other elements.

The scroll-padding-top property is part of the CSS Scroll Snap Module Level 1, which provides a way to create scroll snap points for web pages. This module includes several other properties that are used to control the behavior of scrolling, including scroll-snap-type, scroll-snap-align, and scroll-snap-stop.

The scroll-padding-top property is supported by most modern web browsers, including Chrome, Firefox, Safari, and Edge. However, it is not supported by Internet Explorer.

Usage

The scroll-padding-top property is used to specify the padding area for the top of an element when it is scrolled. This property can be used on any element that has overflow content, including <div>, <section>, and <article> elements.

The value of the scroll-padding-top property can be specified in any valid CSS length unit, including pixels, ems, rems, and percentages. The default value of this property is 0px.

Here is an example of how to use the scroll-padding-top property:

<div style="overflow-y: scroll; scroll-padding-top: 50px;">
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, velit eget bibendum bibendum, elit elit bibendum elit, euismod elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit elit. Nulla facilisi. Sed eget velit euismod, ullamcorper elit vel, molestie elit. Sed euismod, elit vel molestie consectetur, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod, elit vel molestie elit, elit elit. Sed euismod