Interface ScrollProps

Accepted values for scroll behavior aspects.

Essentially, all the well-known HTML properties are available, but with predefined values.

See below for an example using some of the properties:

Exemplo básico:

<View
     scrollBehavior="smooth"
>
 <Text color="neutral-900">My awesome text</Text>
</View>

Hierarchy

Properties

scrollBehavior? scrollMargin? scrollMarginBlock? scrollMarginBlockEnd? scrollMarginBlockStart? scrollMarginBottom? scrollMarginInline? scrollMarginInlineEnd? scrollMarginInlineStart? scrollMarginLeft? scrollMarginRight? scrollMarginTop? scrollPadding? scrollPaddingBlock? scrollPaddingBlockEnd? scrollPaddingBlockStart? scrollPaddingBottom? scrollPaddingInline? scrollPaddingInlineEnd? scrollPaddingInlineStart? scrollPaddingLeft? scrollPaddingRight? scrollPaddingTop? scrollSnapAlign? scrollSnapStop? scrollSnapType?

Properties

Optional scrollBehavior

scrollBehavior?: "auto" | "smooth"

Sets the behavior for a scrolling box when scrolling is triggered by the navigation.

Optional scrollMargin

scrollMargin?: string | number

Sets the scroll margin.

Optional scrollMarginBlock

scrollMarginBlock?: string | number

Sets the scroll margin on the block.

Optional scrollMarginBlockEnd

scrollMarginBlockEnd?: string | number

Sets the scroll margin at the end of the block.

Optional scrollMarginBlockStart

scrollMarginBlockStart?: string | number

Sets the scroll margin at the start of the block.

Optional scrollMarginBottom

scrollMarginBottom?: string | number

Sets the scroll margin at the bottom.

Optional scrollMarginInline

scrollMarginInline?: string | number

Sets the scroll margin on the inline.

Optional scrollMarginInlineEnd

scrollMarginInlineEnd?: string | number

Sets the scroll margin at the end of the inline.

Optional scrollMarginInlineStart

scrollMarginInlineStart?: string | number

Sets the scroll margin at the start of the inline.

Optional scrollMarginLeft

scrollMarginLeft?: string | number

Sets the scroll margin on the left.

Optional scrollMarginRight

scrollMarginRight?: string | number

Sets the scroll margin on the right.

Optional scrollMarginTop

scrollMarginTop?: string | number

Sets the scroll margin at the top.

Optional scrollPadding

scrollPadding?: string | number

Sets the scroll padding.

Optional scrollPaddingBlock

scrollPaddingBlock?: string | number

Sets the scroll padding on the block.

Optional scrollPaddingBlockEnd

scrollPaddingBlockEnd?: string | number

Sets the scroll padding at the end of the block.

Optional scrollPaddingBlockStart

scrollPaddingBlockStart?: string | number

Sets the scroll padding at the start of the block.

Optional scrollPaddingBottom

scrollPaddingBottom?: string | number

Sets the scroll padding at the bottom.

Optional scrollPaddingInline

scrollPaddingInline?: string | number

Sets the scroll padding on the inline.

Optional scrollPaddingInlineEnd

scrollPaddingInlineEnd?: string | number

Sets the scroll padding at the end of the inline.

Optional scrollPaddingInlineStart

scrollPaddingInlineStart?: string | number

Sets the scroll padding at the start of the inline.

Optional scrollPaddingLeft

scrollPaddingLeft?: string | number

Sets the scroll padding on the left.

Optional scrollPaddingRight

scrollPaddingRight?: string | number

Sets the scroll padding on the right.

Optional scrollPaddingTop

scrollPaddingTop?: string | number

Sets the scroll padding at the top.

Optional scrollSnapAlign

scrollSnapAlign?: "center" | "start" | "end"

Sets the alignment of scroll snap.

Optional scrollSnapStop

scrollSnapStop?: "normal" | "always"

Sets the scroll snap to stop normally or always.

Optional scrollSnapType

scrollSnapType?: "none" | "block" | "inline" | "both" | "x mandatory" | "x proximity" | "y mandatory" | "y proximity" | "both mandatory" | "both proximity"

Sets the type of scroll snap.

Settings

Member Visibility

Theme

On This Page