經過測試，發現有的IOS瀏覽器上輸入法會彈出遮擋輸入框，網上很多都是介紹用以下方法
(function() { $(‘input').on(‘click', function () { var target = this; // 使用定時器是為了讓輸入框上滑時更加自然 setTimeout(function(){ target.scrollIntoView(true); },100); });但是由于本人對scrollIntoView的理解不夠一直沒有解決問題，后來用相同的思路使用scrollTop()解決了。
實例如下
<script language="javascript">`$('#messageInput').on('click', function() {// 使用定時器是因為輸入法的彈出會改變body的高度，所以延時1秒等輸入法彈出后再定位到滾動條底部 setTimeout(function() { $('body').scrollTop($('body')[0].scrollHeight); }, 1000);});</script><body><input type="text" id="messageInput" placeHolder="請輸入文字" /></body>總結
以上所述是小編給大家介紹的使用scrollTop(）解決IOS中輸入法遮擋輸入框問題，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！
新聞熱點
疑難解答
