博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信公众号系列 --- ionic在IOS的键盘弹出问题
阅读量:4565 次
发布时间:2019-06-08

本文共 1056 字,大约阅读时间需要 3 分钟。

  在使用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) }) } } } }])

 

转载于:https://www.cnblogs.com/HeJason/p/5611989.html

你可能感兴趣的文章
pytest五:fixture_autouse=True
查看>>
bsearch函数二分法
查看>>
iptables应用
查看>>
手动上传文件到数据表
查看>>
Hadoop学习笔记—22.Hadoop2.x环境搭建与配置
查看>>
Linux 创建与删除(5)
查看>>
“耐撕”团队 2016.3.25 站立会议
查看>>
201621123041java程序设计第九周学习总结
查看>>
HTML基本标签和一些注释的问题
查看>>
Oct 28th-29th
查看>>
IOS 图片模糊处理 ------ 直接代码 复制出去就可用 值得标记
查看>>
四人小组项目---------需求更新
查看>>
5.17
查看>>
观后感
查看>>
[BZOJ2661][BeiJing wc2012]连连看 费用流
查看>>
优蜜(有米科技)面筋,香喷喷的,新鲜出炉
查看>>
字符串与整型的转换及判断
查看>>
Aapache 启动不了,报错信息:suEXEC mechanism enabled (wrapper: /usr/sbin/suexec)
查看>>
微信小程序 JS动态修改样式
查看>>
天纬思创网络综合信息管理系统 V1.0 后台
查看>>