My page content scrolls down to top when I click in an input box, it getting scroll content. I want to disable scroll. How to disable scroll for ion-content in ionic 3?
My code:
<ion-content padding class="login-area"> <ion-row class="login-logo"> <ion-col> </ion-col> </ion-row> <div class="login-size"> <ion-item> <ion-label stacked> <h2 class="h2-Style">Username</h2></ion-label> <ion-input [(ngModel)]="username"></ion-input> </ion-item> <ion-item> <ion-label stacked><h2 class="h2-Style">Password</h2></ion-label> <ion-input type="password" [(ngModel)]="password"></ion-input> </ion-item> <button ion-button full class="login-Style" >Log In</button> </div> </ion-content>
Apply this stylesheet code in the page.css or page.scss
<style type="text/css"> .scroll-content { left: 0; right: 0; top: 0; bottom: 0; position: absolute; z-index: 1; display: block; overflow-x: unset; overflow-y: unset; -webkit-overflow-scrolling: touch; will-change: scroll-position; contain: size style layout; } </style>
Hope it will be working for disabling scroll for ion-content.
Question and answer is powered by AnsPress.io