ionic在开发ios系统微信时键盘挡住输入框的解决方法(键盘弹出问题)
作者：寂寞的天空GM 发布时间：2024-05-02 16:18:12
标签：ionic,键盘,输入框
在使用ionic开发IOS系统微信的时候会有一个苦恼的问题，填写表单的时候键盘会挡住输入框，其实并不算什么大问题，只要用户输入一个字就可以立刻看见输入框了。
可惜的是，有些客户是不讲理的，他才不管这个问题，反正就是不行，所以在一天睡觉的时候突然惊醒，想出来这个方案。
我就不仔细讲代码了，直接上图
angular.module('MyApp')
.directive('focusInput', ['$ionicScrollDelegate', '$window', '$timeout', '$ionicPosition', function ($ionicScrollDelegate, $window, $timeout, $ionicPosition) {
return {
restrict: 'A',
scope: false,
link: function ($scope, iElm, iAttrs, controller) {
if (ionic.Platform.isIOS()) {
iElm.on('focus', function () {
var top = $ionicScrollDelegate.getScrollPosition().top;
var eleTop = ($ionicPosition.offset(iElm).top) / 2
var realTop = eleTop + top;
$timeout(function () {
if (!$scope.$last) {
$ionicScrollDelegate.scrollTo(0,realTop);
} else {
try {
var aim = angular.element(document).find('.scroll')
aim.css('transform', 'translate3d(0px,' + '-' + realTop + 'px, 0px) scale(1)');
$timeout(function () {
iElm[0].focus();
console.log(2);
}, 100)
} catch (e) {
}
}
}, 500)
})
}
}
}
}])
来源：http://blog.csdn.net/u013184759/article/details/52401049
0
投稿猜你喜欢
SQL语句举例：SELECT * FROM `test` WHERE `id`=1;当我们输入一条SQL语句，返回一个结果时，那这条语句在- 在ACCESS中更改控件的默认属性 Lisa Friedrichsen, 欧弗兰帕克,堪萨斯州 如果您在设计一个Microsoft ACCE
- 1.散点图代码# This import registers the 3D projection, but is otherwise unu
- 如何在SQL中启用全文检索功能？本文将通过实例向你剖折这个问题。这是一个全文索引的一个例子，首先在查询分析器中使用：use pubsgo--
- 优化可能带来的问题优化不总是对一个单纯的环境进行，还很可能是一个复杂的已投产的系统。优化手段本来就有很大的风险，只不过你没能力意识到和预见到
- 忘记密码是一件很头疼的事情，mac安装mysql初始密码忘记怎么办？具体解决办法如下http://dev.mysql.com/doc/ref
- 目标站点分析本次要抓取的目标站点为：中介网，这个网站提供了网站排行榜、互联网网站排行榜、中文网站排行榜等数据。网站展示的样本数据量是 ：58
- 前几天在“CSS那些事儿”的群中，一位读者朋友（小土豆）问我书中提到首字下沉的时候为什么要增加一个清除浮动。当时我自己一时迷惑了，为什么呢，
- 本文涉及：Windows操作系统，Python，PyQt5，Qt Designer，PyCharm一、自适应原理 &
- 不废话，直接上代码Python3.6签到代码，只需修改url，账号，密码即可，此处是登录时无验证登录，有验证码的自行补充# -*- codi
- 在参加“数据挖掘”比赛中遇到了关于函数高次拟合的问题，然后就整理了一下源码，以便后期的学习与改进。在本次“数据挖掘”比赛中感觉收获最大的还是
- 一 multiprocessing模块介绍python中的多线程无法利用多核优势，如果想要充分地使用多核CPU的资源（os.cpu\_cou
- 原文：http://www.smashingmagazine.com/ ... emarkable-favicons/翻译：Blank（怿飞
- 1.正态分布简介正态分布(normal distribtution)又叫做高斯分布(Gaussian distribution)，是一个非常
- 如下所示：a = [0, 1, 2, 3, 4, 0, 2, 3, 6, 7, 5]selected = [x for x in a if
- 毫无疑问，JavaScript 是一种非常灵活的脚本语言，有时候它像一只难以驯服的野马——你受益于它的灵活性的同时，也要时刻提防它变得失去控
- numpy中的乘法A = np.array([[1, 2, 3], [2, 3, 4]])B = np.array([[1, 0, 1],
- 这一次将使用pymysql来进行一次对MySQL的增删改查的全部操作，相当于对前五次的总结：先查阅数据库：现在编写源码进行增删改查操作，源码
- 前言以前版本的 Celery 需要一个单独的库（django-celery）来与 Django 一起工作，但从 3.1 开始不再是这种情况。
- 操作系统：win7 64位旗舰版mysql压缩包：mysql-5.7.11-winx64.zip1. 解压MySQL压缩包将下载的MySQL
