scrollTop(）解决IOS中输入法遮挡输入框

来源：互联网发布：淘宝柳丝模特编辑：程序博客网时间：2024/05/16 09:36

经过测试，发现有的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>

阅读全文

0 0