牛骨文教育服务平台(让学习变的简单)
博文笔记

ionic在IOS的键盘弹出问题

创建时间:2016-09-01 投稿人: 浏览次数:3829

 在使用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)
                    })
                }

            }
        }
    }])
声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。