ionic在开发ios系统微信时键盘挡住输入框的解决方法(键盘弹出问题)

在使用ionic开发IOS系统微信的时候会有一个苦恼的问题,填写表单的时候键盘会挡住输入框,其实并不算什么大问题,只要用户输入一个字就可以立刻看见输入框了。

  可惜的是,有些客户是不讲理的,他才不管这个问题,反正就是不行,所以在一天睡觉的时候突然惊醒,想出来这个方案。

  我就不仔细讲代码了,直接上图  

rush:js;"> 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) }) } } } }])

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...