Как включить прокрутку в ионном?

Question

У меня есть страница входа. Теперь он исправлен, но я хочу включить прокрутку, когда я фокусируюсь на любом текстовом поле. Как это сделать?

<ion-view> 

<ion-content class="background"> 
    <div class="loginscreen"> 
     <div class="row"> 
      <div class="col-80 col-offset-10"> 

       <div class="appheader-frame"> 
        <span> 
      <img src="img/clock.png" alt="clock" class="clockwidth"></img> 
     </span> 
        <h1 class="timesheettext"> 
      <b>Timesheet Tracking</b> 
     </h1> 

       </div> 

      </div> 

     </div> 

     <div class="row"> 
      <div class=" formpadding col-80 col-offset-10"> 
       <form novalidate name="loginForm" ng-submit="doLogin(loginForm)"> 
        <label class="item item-input labelusername"> 
         <i class="icon placeholder-icon"><img src="img/user.png" alt="" style="width:20px;height:20px;"/></i> 
         <input name="UserName" type="text" ng-model="User.UserName" placeholder="Username or Email" ng-focus="hidefooter()" required> 
        </label> 
        <p ng-show="loginForm.UserName.$error.required && loginSubmitted" class="usernameerror"> 
         Please provide username 
        </p> 
        <label class="item item-input labelpassword"> 
         <i class="icon placeholder-icon"><img src="img/password.png" alt="" style="width:20px;height:20px;"/></i> 
         <input type="password" name="password" id="password" ng-model="User.Password" placeholder="Password" ng-focus="hidefooter()" required> 
        </label> 
        <p ng-show="loginForm.password.$error.required && loginSubmitted" class="usernameerror"> 
         provide Password 
        </p> 
        <p ng-show="myflag"> 
         wrong credentials 
        </p> 

        <button class="button button-block button-lightgreen" type="submit"> 
         <p class="login"> 
          <b>submit</b> 
         </p> 
        </button> 

       </form> 
      </div> 
     </div> 
    </div> 
    <div class="bar bar-footer bar-inherit myfooter hide-on-keyboard-open"> 
     <div class="title"> 
      <p id="footer" class="byxyz" ng-show=footerflag>By xyz Software Pvt Ltd</p> 
     </div> 
    </div> 
</ion-content> 
</ion-view> 

Возможно ли это в ионном каркасе? Тогда как это сделать? Пожалуйста, объясните. И не удаляйте что-либо на странице и не добавляйте больше деталей, чтобы сделать его прокруткой. Я просто хочу включить прокрутку, но страница должна быть такой же, как сейчас.

Answer 1

просто добавлено overflow-scroll = "false" в содержании ионов.

<ion-content class="background" overflow-scroll="false" > 
     //code 

    </ion-content>