ionic在開發(fā)ios系統(tǒng)微信時鍵盤擋住輸入框的解決方法(鍵盤彈出問題)
在使用ionic開發(fā)IOS系統(tǒng)微信的時候會有一個苦惱的問題,填寫表單的時候鍵盤會擋住輸入框,其實并不算什么大問題,只要用戶輸入一個字就可以立刻看見輸入框了。
可惜的是,有些客戶是不講理的,他才不管這個問題,反正就是不行,所以在一天睡覺的時候突然驚醒,想出來這個方案。
我就不仔細(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)文章
JS的遞增/遞減運(yùn)算符和帶操作的賦值運(yùn)算符的等價式
JS的遞增/遞減運(yùn)算符和帶操作的賦值運(yùn)算符的等價式...2007-12-12
JavaScript實現(xiàn)二維坐標(biāo)點(diǎn)排序效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)二維坐標(biāo)點(diǎn)排序效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-07-07
jquery $(document).ready()和window.onload的區(qū)別淺析
這篇文章主要介紹了jquery $(document).ready()和 window.onload的區(qū)別淺析,本文總結(jié)了執(zhí)行時間、編寫個數(shù)不同、簡化寫法等不同的地方,需要的朋友可以參考下2015-02-02
layer彈窗在鍵盤按回車將反復(fù)刷新的實現(xiàn)方法
今天小編就為大家分享一篇layer彈窗在鍵盤按回車將反復(fù)刷新的實現(xiàn)方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09

