Scroller

Visualization & Interaction

Observe the currently visible Section of the Scroller

undefined

Intersection Observer
Lazyload Sections

Quickstart #

<script>
	import { Scroller, Section } from '@steeze-ui/components'
</script>

<Scroller>
	<Section id="section-1"> Content 1 </Section>
	<Section id="section-2" lazyload> Content 2 </Section>
	<Section id="section-3"> Content 3 </Section>
</Scroller>

API Reference - Scroller #

Property	Type	Default
`threshhold`	`Number`	`0.5`
`section (Readonly)`	`Writable<String>`	`-`
`*`	`*`	`-`

API Reference - Section #

Property	Type	Default
`id`	`String`	`-`
`lazyload`	`Boolean`	`false`
`*`	`*`	`-`