angularjs – 当键盘显示时,离子离子含量无法正确调整

栏目: 编程语言 · AngularJS · 发布时间: 7年前

内容简介:翻译自:https://stackoverflow.com/questions/34565188/ionic-ion-content-not-adjusting-properly-when-keyboard-shows

我有一个textangular作为元素的视图.在Android(我测试过)上,如果打开键盘,视图不会向上滚动以防止编辑器进入键盘.

我安装了Keyboard插件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.

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

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

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

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

翻译自:https://stackoverflow.com/questions/34565188/ionic-ion-content-not-adjusting-properly-when-keyboard-shows


以上所述就是小编给大家介绍的《angularjs – 当键盘显示时,离子离子含量无法正确调整》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

见微知著-WEB用户体验解构

见微知著-WEB用户体验解构

李清 / 机械工业出版社 / 2010-4 / 36.00元

本书用解构分析的方法,系统全面地介绍了Web页面设计的相关知识和要素。 本书从整体到局部地对网站的元素进行解构,包括网站整体布局、整体配色方案,到网站各个功能区域,如登录区、内容区、广告区等,最后到按钮、反馈、验证码、字体、文字语气等多个细节元素。本书通过解构这些元素来讲述如何对用户体验设计进行优化,如何进行搜索引擎优化。 本书适用于网站交互设计师、视觉设计师、产品经理、网站设计人员、......一起来看看 《见微知著-WEB用户体验解构》 这本书的介绍吧!

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

Base64 编码/解码
Base64 编码/解码

Base64 编码/解码

MD5 加密
MD5 加密

MD5 加密工具