Content

Next, we will take a look at content-related directives. The first is the ion-content directive.

ion-content

The ion-content directive is used as a content area. This directive has a bunch of options that let you control the content area better. You can use the ion-content with Ionic's custom scroll view or with the browser's default overflow scrolling.

At the time of writing, a full-blown ion-content directive consisted of the following attributes:

  <ion-content
    delegate-handle=""
    direction=""
    locking=""
    padding=""
    scroll=""
    overflow-scroll=""
    scrollbar-x=""
    scrollbar-y=""
    start-x=""
    start-y=""
    on-scroll=""
    on-scroll-complete=""
    has-bouncing=""
    scroll-event-interval="">
    <h1>Heading!</h1>
  </ion-content>

The explanation of the key attributes of the ion-content is as follows:

• scroll: This decides whether to allow scrolling (default: true)

• overflow-scroll: This is to use browser's overflow scrolling

• on...