欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

ionic在開發(fā)ios系統(tǒng)微信時(shí)鍵盤擋住輸入框的解決方法(鍵盤彈出問題)

 更新時(shí)間：2016年09月06日 14:33:10   作者：寂寞的天空GM  
在使用ionic開發(fā)ios系統(tǒng)微信的時(shí)候遇到一個(gè)bug，在填寫表單的時(shí)候鍵盤會擋住輸入框。下面小編給大家?guī)砹薸onic在開發(fā)ios系統(tǒng)微信時(shí)鍵盤擋住輸入框的解決方法(鍵盤彈出問題)，非常不錯，有需要的朋友參考下吧

在使用ionic開發(fā)IOS系統(tǒng)微信的時(shí)候會有一個(gè)苦惱的問題，填寫表單的時(shí)候鍵盤會擋住輸入框，其實(shí)并不算什么大問題，只要用戶輸入一個(gè)字就可以立刻看見輸入框了。

　　可惜的是，有些客戶是不講理的，他才不管這個(gè)問題，反正就是不行，所以在一天睡覺的時(shí)候突然驚醒，想出來這個(gè)方案。

　　我就不仔細(xì)講代碼了，直接上圖　　

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)
})
}
}
}
}])

相關(guān)文章

最新評論