CSS scroll-padding-bottom property

CSS scroll-padding-bottom property specifies the padding at the bottom side of scroll container.

Please move the scrollbar to see the effect of padding.

Syntax

scroll-padding-bottom :+ve length

Property values

+ve length Default

There is no padding at the bottom edge of the scroll container.

scroll-padding-bottom: 0px;

+ve length

It specifies the bottom edge padding of the scroll container.

In the demo, there is 100px padding at the bottom edge of the scroll container.

scroll-padding-bottom: 100px;

Applicable to

It applies to scroll containers.

#CSS digger
Was this article helpful?

 
Page 1
Page 2
Page 3
Page 4
Page 5
Page 6
×

Ctrl+D