Height Viewport

CSS

JS

JS

top: true

JS

top: true
bottom: true
Lorem ipsum dolor sit amet.

JS

top: true
bottom: 10%

JS

top: true
bottom: 50px

CSS

JS

JS

top: true

JS

top: true
bottom: true
Lorem ipsum dolor sit amet.

JS

top: true
bottom: 10%

JS

top: true
bottom: 50px

CSS

JS

JS

top: true

JS

top: true
bottom: true
Lorem ipsum dolor sit amet.

JS

top: true
bottom: 10%

JS

top: true
bottom: 50px

JavaScript Options

Option Value Default Description
expand Boolean false Expands the element's height to make the document fill the viewport.
offset-top Boolean,CSS Selector false Subtracts the element's (true) or given element's (CSS Selector) offset top from its height.
offset-bottom Boolean, Number, Pixel, CSS selector false Subtracts the element's immediately following sibling's height (true), the given percentage (Number), Pixel (px) value from its own height or the given element's height.
min-height Number 0 Sets a minimum height.