title: Ionic bottom fixed content
body: <p>I am trying to implement a simple list page and i am showing one fixed button at bottom of screen which should never scrolling along with list but using my code button scrolling along with list how can i resolve this problem can some one help me please</p>
  
  <h2>html:</h2>
  
  <pre><code>&lt;ion-content padding&gt;
  
      &lt;div *ngIf="!events || events.length === 0"&gt;
          &lt;p&gt;No messages&lt;/p&gt;
      &lt;/div&gt;
  
    &lt;div *ngIf="events &amp;&amp; events?.length &gt; 0"&gt;
      &lt;ion-item-group *ngFor="let group of events | groupByCategory: 'date'"&gt;
        &lt;ion-item-divider color="light"&gt;
          {{ group.key }}
        &lt;/ion-item-divider&gt;
        &lt;ion-item *ngFor="let event of group.list"&gt;{{ event.title }}&lt;/ion-item&gt;
      &lt;/ion-item-group&gt;
    &lt;/div&gt;
    &lt;div class="bottomright" (click)="add()"&gt;Add&lt;/div&gt;
  &lt;/ion-content&gt;
  </code></pre>
  
  <h2>css:</h2>
  
  <pre><code>.bottomright {
          position: absolute;
          bottom: 8px;
          right: 16px;
          font-size: 18px;
          color: crimson;
  
      }
  </code></pre>