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
maxZoom number

Set the max zoom amount.

scrollX boolean

If true, scrolling along the X axis is enabled.

scrollY boolean

If true, scrolling along the Y axis is enabled; requires the following CSS declaration: ion-scroll { white-space: nowrap; }

zoom boolean

If true, zooming is enabled.

API

Native

General