在使用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)
})
}
}
}
}])
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。