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

来源：

虾小断

2016-12-22

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

点击输入框之后：

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

该如何禁止这个滚动？

写回答

3回答

Parry

2016-12-23

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

Parry

虾小断

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

2016-12-25

共2条回复

Parry

2016-12-22

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

虾小断

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

2016-12-22

共1条回复

虾小断

提问者

2016-12-22

<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>

老师您看看...

Ionic飞速上手的跨平台App开发

以HTML5移动App开发框架Ionic，开发不受平台限制的App

1314 学习 · 640 问题

查看课程

相似问题

聊天窗口中，当点击输入框的弹出键盘的时候键盘会把上面的导航栏和聊天内容顶出窗口外面。

回答 4

在chrome里调试可以正常运行，Android项目导入后，运行在真机上白屏

回答 3

添加Modal组件后，点击注册按钮无法跳转

回答 1

刚进入一个页面如何让它自动刷新？

回答 1

页面中有A标签，怎么实现，点击的适合，在系统中打开系统浏览器浏览

回答 2

打开慕课网App查看更多内容