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(){
vartop=$ionicScrollDelegate.getScrollPosition().top;
vareleTop=($ionicPosition.offset(iElm).top)/2
varrealTop=eleTop+top;
$timeout(function(){
if(!$scope.$last){
$ionicScrollDelegate.scrollTo(0,realTop);
}else{
try{
varaim=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)
})
}
}
}
}])热门推荐
10 八一幼儿祝福语大全简短
11 公司乔迁食堂祝福语简短
12 婚礼结束聚餐祝福语简短
13 儿媳买车妈妈祝福语简短
14 毕业送礼老师祝福语简短
15 同事辞职正常祝福语简短
16 恭贺新婚文案祝福语简短
17 金店立秋祝福语简短英文
18 婆婆高寿祝福语大全简短