Need help upgrading to Ionic Framework 4.0? Get assistance with our Enterprise Migration Services EXPLORE NOW

Scroll

ion-scroll

Improve this doc

Scroll is a non-flexboxed scroll area that can scroll horizontally or vertically. ion-Scroll Can be used in places where you may not need a full page scroller, but a highly customized one, such as image scubber or comment scroller.

Usage

<ion-scroll scrollX="true">
</ion-scroll>

<ion-scroll scrollY="true">
</ion-scroll>

<ion-scroll scrollX="true" scrollY="true">
</ion-scroll>

Input Properties

Attr Type Details
scrollX boolean

whether to enable scrolling along the X axis

scrollY boolean

whether to enable scrolling along the Y axis; requires the following CSS declaration: ion-scroll { white-space: nowrap; }

zoom boolean

whether to enable zooming

maxZoom number

set the max zoom amount for ion-scroll

API

Native

General