解决IOS上INPUT框把页面顶上去的问题

questionnaire/src/app/live/live.component.html

@@ -43,7 +43,7 @@
   <div class='inputBox'>
   <div class='inputBox'>
     <!--获取手机号 -->
     <!--获取手机号 -->
     <div class="mobileNoSection inputControl">
     <div class="mobileNoSection inputControl">
-      <input type='tel' maxlength="11" name="mobileNo" placeholder="您的手机号" [(ngModel)]="loginData.mobileNo" />
+      <input type='tel' maxlength="11" name="mobileNo" placeholder="您的手机号" [(ngModel)]="loginData.mobileNo" (blur)="scrollTo()" />
       <div class='autoGet'>
       <div class='autoGet'>
         <button class='getPhoneNumber' (click)="sendCode()" [disabled]="sendBtnFlag">
         <button class='getPhoneNumber' (click)="sendCode()" [disabled]="sendBtnFlag">
           {{timeHtml}}
           {{timeHtml}}
@@ -52,11 +52,11 @@
     </div>
     </div>
     <!--获取验证码 -->
     <!--获取验证码 -->
     <div class="codeSection inputControl">
     <div class="codeSection inputControl">
-      <input type='tel' maxlength="4" name="code" placeholder="短信验证码" [(ngModel)]="loginData.code" />
+      <input type='tel' maxlength="4" name="code" placeholder="短信验证码" [(ngModel)]="loginData.code" (blur)="scrollTo()" />
     </div>
     </div>
     <!--姓名-->
     <!--姓名-->
     <div class="inputControl">
     <div class="inputControl">
-      <input type="text" name="name" placeholder="您的姓名" [(ngModel)]="loginData.name">
+      <input type="text" name="name" placeholder="您的姓名" [(ngModel)]="loginData.name" (blur)="scrollTo()">
     </div>
     </div>
     <!--登录 -->
     <!--登录 -->
     <div style="text-align: center;">
     <div style="text-align: center;">

questionnaire/src/app/live/live.component.ts

@@ -427,4 +427,9 @@ export class LiveComponent implements OnInit {
     }, 1000)
     }, 1000)
   }
   }
 
 
+//  解决IOSinput框被顶上去的bug
+  scrollTo() {
+    window.scrollTo(0, 0);
+  }
+
 }
 }