使用scrollTop(）解決IOS中輸入法遮擋輸入框問題
更新時(shí)間：2017年09月27日 14:03:14 作者：背包里的護(hù)身符
ios瀏覽器上輸入法會(huì)彈出遮擋輸入框問題，下面小編給大家分享scrollTop(）解決IOS中輸入法遮擋輸入框問題，一起看看吧
經(jīng)過測(cè)試，發(fā)現(xiàn)有的IOS瀏覽器上輸入法會(huì)彈出遮擋輸入框，網(wǎng)上很多都是介紹用以下方法
(function() {
$(‘input').on(‘click', function () {
var target = this;
// 使用定時(shí)器是為了讓輸入框上滑時(shí)更加自然
setTimeout(function(){
target.scrollIntoView(true);
},100);
});
但是由于本人對(duì)scrollIntoView的理解不夠一直沒有解決問題，后來用相同的思路使用scrollTop()解決了。
實(shí)例如下
<script language="javascript">`
$('#messageInput').on('click', function() {
// 使用定時(shí)器是因?yàn)檩斎敕ǖ膹棾鰰?huì)改變body的高度，所以延時(shí)1秒等輸入法彈出后再定位到滾動(dòng)條底部
setTimeout(function() {
$('body').scrollTop($('body')[0].scrollHeight);
}, 1000);
});
</script>
<body>
<input type="text" id="messageInput" placeHolder="請(qǐng)輸入文字" />
</body>
總結(jié)
以上所述是小編給大家介紹的使用scrollTop(）解決IOS中輸入法遮擋輸入框問題，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
iOS開發(fā)中使用屏幕旋轉(zhuǎn)功能的相關(guān)方法
這篇文章主要介紹了iOS開發(fā)中使用屏幕旋轉(zhuǎn)功能的相關(guān)方法,包括Transform變化矩陣原理的講解,需要的朋友可以參考下2015-09-09
在IOS中為什么使用多線程及多線程實(shí)現(xiàn)的三種方法
這篇文章給大家介紹在IOS中為什么使用多線程及多線程實(shí)現(xiàn)的三種方法，基本上使用這三種方法實(shí)現(xiàn)多線程(NSThread Grand Centeral Dispatch(GCD) NSOperation和NSOperationQueue),感興趣的朋友可以參考下本篇文章2015-11-11
ios實(shí)現(xiàn)底部PopupWindow的示例代碼(底部彈出菜單)
這篇文章主要介紹了ios實(shí)現(xiàn)底部PopupWindow的示例代碼(底部彈出菜單),小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-01-01
這篇文章主要為大家介紹了NSMutable?對(duì)象的坑解決分析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-02-02
iOS自動(dòng)移除KVO觀察者的實(shí)現(xiàn)方法
在 Apple 的應(yīng)用開發(fā)里 KVO 提供了一個(gè)途徑，使對(duì)象（觀察者）能夠觀察其他對(duì)象（被觀察者）的屬性，當(dāng)被觀察者的屬性發(fā)生變化時(shí)，觀察者就會(huì)被告知該變化。下面這篇文章主要給大家介紹了關(guān)于iOS如何自動(dòng)移除KVO觀察者的實(shí)現(xiàn)方法，需要的朋友可以參考下。2017-12-12
詳解iOS的UI開發(fā)中控制器的創(chuàng)建方法
這篇文章主要介紹了iOS的UI開發(fā)中控制器的創(chuàng)建方法,代碼基于傳統(tǒng)的Objective-C,需要的朋友可以參考下2015-11-11
iOS基于 UILabel實(shí)現(xiàn)文字添加描邊功能
這篇文章主要介紹了iOS基于 UILabel實(shí)現(xiàn)文字添加描邊功能,非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2018-10-10
這篇文章主要介紹了IOS 開發(fā)之操作圖庫自定義控制器的相關(guān)資料,需要的朋友可以參考下2017-02-02
本文給大家分享的是放boss直聘當(dāng)中的聊天信息界面，主要思路是約束動(dòng)畫，實(shí)現(xiàn)代碼比較簡單，下面小編通過本文給大家分享IOS實(shí)現(xiàn)聊天界面底部菜單欄效果，需要的的朋友參考下吧2017-09-09
iOS應(yīng)用中UILabel文字顯示效果的常用設(shè)置總結(jié)
UILabel組件可以用來設(shè)置文字內(nèi)容的排版與字體效果等,功能非常多,下面就來為大家整理一下基本的iOS應(yīng)用中UILabel文字顯示效果的常用設(shè)置總結(jié)2016-05-05