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
media: @xl

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
media: @xl

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
media: @xl

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 Number 0 Sets a minimum height.
property String min-height The CSS property to set. (min-height, height, max-height)
media Boolean, Number, String false Condition for the component to be active - a width as integer (e.g. 640) or a breakpoint (e.g. @s, @m, @l, @xl) or any valid media query (e.g. (min-width: 900px)).