Skip to content

ScrollView Component

The ScrollView component is a scrollable view container that allows users to scroll through content that is larger than the visible area.

Usage

xml
<scroll-view class="scroll-container" scroll-y="true">
  <view class="item">Item 1</view>
  <view class="item">Item 2</view>
  <view class="item">Item 3</view>
  <!-- More items -->
</scroll-view>

Attributes

AttributeTypeDefaultDescription
scroll-xBooleanfalseAllow horizontal scrolling.
scroll-yBooleanfalseAllow vertical scrolling.
scroll-topNumber-Set vertical scroll position.
scroll-leftNumber-Set horizontal scroll position.
scroll-into-viewString-Scrolls to the element with the given ID.
auto-scrollBooleanfalseEnable automatic scrolling.
scroll-speedNumber25.0Speed of automatic scrolling.
scroll-directionStringverticalDirection of automatic scrolling (vertical or horizontal).

Features

  • Supports both vertical and horizontal scrolling.
  • Supports touch and mouse drag gestures.
  • Supports mouse wheel scrolling.
  • Supports automatic scrolling with customizable speed and direction.

Released under the Apache-2.0 License.