經(jīng)過(guò)測(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的理解不夠一直沒(méi)有解決問(wèn)題，后來(lái)用相同的思路使用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中輸入法遮擋輸入框問(wèn)題，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)VEVB武林網(wǎng)網(wǎng)站的支持！
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注
