These are chat archives for angular/angular-2-ionic-2

13th
Dec 2016
Choong Yong Jie
@CyJz
Dec 13 2016 07:47

Hello guys,

I am trying to create a div with background color in ion-content. It worked well if the page height is enough to contain all its content.

However when the page content length exceeds the page heights, the selected background color is not showing after the content is scrolled down.

The following is my code.

<ion-content>
  <div style="height: 100%; background-color: red;">
    <h3>Ionic Menu Starter</h3>

    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio laudantium, magniam fugiat,is distinctio, dolores similique voluptate nam! Quis, similique. Nostrum, velit.....</p>
  </div>
</ion-content>

Anyone experienced this or know the cause? Please help me.

Screen Shot 2016-12-13 at 3.47.39 PM.png
This is the example output what happens after the content is scrolled down.
Pitt de Waard
@pittdewaard
Dec 13 2016 08:28
@MOHAMMADArsalan: just play with ionic generate, it creates the best structure you can get