Ionic Framework 4 is almost here. Preview the beta docs and try it out now! Try Ionic 4 Beta



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.


<ion-scroll scrollX="true">

<ion-scroll scrollY="true">

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

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.