溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
經過測試，發現有的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中輸入法遮擋輸入框問題，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對億速云網站的支持！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
