键盘显示时离子含量未正确调整

Posted 2023-02-19

【中文标题】键盘显示时离子含量未正确调整

【英文标题】：Ionic ion-content not adjusting properly when keyboard shows

【发布时间】：2016-04-06 12:47:47

【问题描述】：

我有一个以 textangular 作为元素的视图。在 android 上（我测试过），如果打开键盘，视图不会向上滚动以防止编辑器进入键盘后面。 我安装了键盘插件 com.ionic.keyboard。

这是页面的结构：

<ion-view id="newblogview">
    <ion-nav-buttons side="left">
    ...
    </ion-nav-buttons>    
  <ion-content scroll="true" overflow-scroll="true" class="has-header" delegate-handle="mainScroll">  
     <iframe data-tap-disabled="true" style="width: 100%; min-height: 100%"  src="./templates/blog/html/blog-editor.html" name="blogeditor" id="blogeditor"></iframe>                
  </ion-content>
</ion-view>

通过专注于输入打开键盘时，它不会向上移动。 我试过 android:windowSoftInputMode="adjustPan" 和 "adjustResize" 而且我也试过 native.keyboardshow 事件来调用 $ionicScrollDelegate.scrollBottom(true);

我认为我们为页脚添加了键盘附加指令，但我无法在页脚中放置文本编辑器。 离子框架是否支持将离子内容调整为键盘显示/隐藏？框架中还不支持此功能还是我遗漏了什么。

这个问题类似于another thread，但没有接受答案。

请帮忙。 -Prakash。

【参考方案1】：

您可以将其添加到您的 html 组件中

<div delegate-handle="toThisPosition" ng-click="GoHere()"> </div>

并将其添加到控制器中的 ng-click 方法 GoHere() 中：

GoHere() 
$ionicScrollDelegate.$getByHandle('toThisPosition').scrollBottom(true);