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) }) } } } }])
声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。
- 上一篇: PGI安装问题集锦
- 下一篇: 关于集群与分布式及正向代理与反向代理的初步总结