Wie Seite in ionischer App in Echt Gerät blättern

Question

Hallo, ich bin neu in ionischer App und ich erstellt im Anschluss an einer erste Seite mit: ->

<ion-modal-view> 
<ion-view id ="login" hide-nav-bar="true"> 
    <ion-content scroll="false"> 
    <div id="login_image" > 
      <div class="header padding text-center logodata"> 
       <img src="img/front-logo.png" alt="Your logo here" width="60%" height="auto" class="logoImage"/> 
      </div> 

      <div class="header padding text-center panda"> 
       <img src="img/bear.png" alt="Your logo here" width="47%" height="auto"/> 
      </div> 

      <h1 class="getstarted" style="text-align:center">Get Started !</h1> 
     </div> 
      <form ng-submit="doLogin()" name="loginForm"> 
      <div class="row responsive-md"> 
       <div class="col col-50 col-offset-25"> 
        <div class="list"> 
         <label class="item item-input"> 
         <i class="fa fa-user fa-6" aria-hidden="true"></i> 
         &nbsp; &nbsp;<input type="email" ng-model="loginData.username" placeholder="" required> 

         </label> 
         <label class="item item-input"> 
         <i class="fa fa-lock fa-6" aria-hidden="true"></i> 
         &nbsp; &nbsp;<input type="password" placeholder="" ng-model="loginData.password" required> 
         </label> 

         <button class="button button-block button-positive sign_in" type="submit" ng-disabled="loginForm.$invalid"> 
         SIGN IN 
        </button> 

        <div class="signup"><center class="insignup"><span class="donaccount">Don't have an account ?</span> <a href ng-click= "dashBoard()" class="achorsignup"> SIGN UP</a></center><div> 
        </div> 
       </div> 
      </div> 
     </form> 
    </ion-content> 
</ion-view> 

</ion-modal-view> 

dann sehe ich das Design in virtueller Gerät bedeutet in meinem Laptop es sieht richtig durch

Scrollen Aber wenn ich in android-Handy führen Sie es wie diese keine Scroll-Option aussehen zeigt, wie in android-Handy

Answer 1

Sie vollständige Homepage sehen den Wert des Scroll-Attribut auf true gesetzt haben, wenn Sie möchten die Seite blättern lassen.

<ion-content scroll="true"> 

Hoffe, das hilft!

Answer 2

ion-Scroll Kann an Orten verwendet werden, an denen Sie möglicherweise keinen vollständigen Seitenwechsler benötigen, sondern einen stark angepassten, z. B. Bildscubber oder Kommentar-Scroller.

<ion-scroll scrollX="true"> 
</ion-scroll> 

<ion-scroll scrollY="true"> 
</ion-scroll> 

<ion-scroll scrollX="true" scrollY="true"> 
</ion-scroll> 

Weitere Informationen finden this