离子离子模式高度与键盘错误

时间:2016-09-28 19:13:20

标签: mobile ionic-framework keyboard hybrid-mobile-app ionicpopup

我有一个离子模态,我希望显示60%的屏幕,但是当键盘出现时,模态会调整到屏幕的60%(包括键盘),因此它会缩小很多。我希望模态保持相同的大小(理想情况下是其内容的大小)。图片解释了很多。

这是css

.ion-modal.modal {
  width: 90%;
  min-height: 0 !important;
  height: 60% !important;
  top: 5%;
  left: 5%;
  right: 5%;
  bottom: 5%;
  background-color: #fff;
  -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); }

这就是html

<ion-modal-view id="details_modal" class="ion-modal">
STUFF
</ion-modal-view>

enter image description here

enter image description here

1 个答案:

答案 0 :(得分:0)

我使用<ion-content overflow-scroll="false"></ion-content>

解决了这个问题
  

溢出涡卷=&#34;假&#34;

为我解决问题。