点击输入框，屏幕滚动问题

Question

安卓平台下，如果输入框不在最上方，点击输入框 屏幕会向上滚动。如图

点击输入框之后：

可以看到，内容就往上滚动了。而且选中上面的input，再选中下面的，还会继续上滚。

该如何禁止这个滚动？

Answer 1

Parry 2016-12-23 11:10:42

为什么加 <div style="height: 6rem"></div> 这个？

• 提问者 虾小断 #1

  在图片上面留出一点空间，不紧贴状态栏。

• Parry 回复 提问者 虾小断 #2

  下面元素用 margin，去掉这个试试。

Answer 2

Parry 2016-12-22 20:06:52

是你布局原因吧，我测试以及课程中没有遇到这种情况啊，可以提供一下代码吗？

• 提问者 虾小断 #1

  老师，我的代码在这。麻烦您啦

Answer 3

提问者 虾小断 2016-12-22 22:34:34

<ion-content style="background-color: #EEE;">
  <div style="height: 6rem"></div>
  <ion-avatar text-center>
    <img style="display: inline-block;border-radius: 100rem" width="100rem" src="./imgs/icon.png">
  </ion-avatar>
  <ion-list style="margin: 2rem 0 0">
    <ion-item>
      <ion-input type="text" [(ngModel)]="user.number" name="number" placeholder="账号"></ion-input>
    </ion-item>
    <ion-item>
      <ion-input type="password" [(ngModel)]="user.password" name="password" placeholder="密码"></ion-input>
    </ion-item>
  </ion-list>
  <div padding>
    <button ion-button block color="brand" (click)="login()">登&nbsp;录</button>
    <button color="brand" ion-button small clear>忘记密码?</button>
    <button color="brand" ion-button style="float: right;" small clear>新用户注册</button>
  </div>
</ion-content>

老师您看看...