title: how to scroll the page to bottom whenever the page load?
body: <p><strong>Requirement-</strong>  I want to scroll the content to the bottom of the page whenever the page load.</p>
  
  <p>Here is my html code</p>
  
  <pre><code>&lt;ion-content  style="background-color: #f5f8fa;"&gt;
    &lt;p style="line-height:24px;padding-left:10px;margin-top:20px;text-transform:capitalize;font-size:16px;"&gt;{{this.TASKDESC}}&lt;/p&gt;
   &lt;ion-list *ngFor="let list of list; let i = index;" style="margin:0;height:auto;padding-top:5px;padding-left:17px;z-index:-1"&gt;
  
  
      &lt;ion-item text-wrap class="item" style=" margin-top:-25px;padding:0; background-color:#f5f8fa;z-index:-1;"&gt;
        &lt;div [style.margin]="list.TAG_FROM === loggedinuser ? '0px 0px 0px -12px':'0px -12px 0px 0px'" [style.float]="list.TAG_FROM === loggedinuser ? 'right':'left'" style="width:33px;height:33px;background-color:#818993;overflow:hidden;color:#fff;z-index:9.9999999;border-radius:50%;font-size:14px;text-align:center;padding-top:7px;" &gt;{{list.TAG_FROM.substring(0,2)}}&lt;/div&gt;
        &lt;/div&gt;
      &lt;/ion-item&gt;
    &lt;/ion-list&gt;
  &lt;/ion-content&gt;
  </code></pre>
  
  <p><strong>Current position of the page</strong> </p>
  
  <p><a href="https://i.stack.imgur.com/DRwlS.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DRwlS.png" alt="enter image description here"></a></p>
  
  <p><strong>What i want-</strong>  The image of the page </p>
  
  <p><a href="https://i.stack.imgur.com/gCw9T.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/gCw9T.png" alt="enter image description here"></a></p>
  
  <p>Scroll to bottom automatically whenever the page load.</p>