这里有新鲜出炉的精品教程,程序狗速度看过来!
微信(英文名:wechat)是腾讯公司于 2011 年 1 月 21 日推出的一个为智能终端提供即时通讯服务的免费应用程序,微信支持跨通信运营商、跨操作系统平台通过网络快速发送免费语音短信、视频、图片和文字,同时,也可以使用通过共享流媒体内容的资料和基于位置的社交插件 "摇一摇"、"漂流瓶"、"朋友圈"、"公众平台"、"语音记事本" 等服务插件。
在使用 ionic 开发 ios 系统微信的时候遇到一个 bug,在填写表单的时候键盘会挡住输入框。下面小编给大家带来了 ionic 在开发 ios 系统微信时键盘挡住输入框的解决方法 (键盘弹出问题),非常不错,有需要的朋友参考下吧
在使用 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://www.phperz.com/article/17/0527/332047.html