使用scrollTop(）解决IOS中输入法遮挡输入框问题资源-CSDN文库

18 浏览量 2021-01-06 00:18:54 上传评论 1 收藏 37KB PDF 举报

资源推荐

资源详情

资源评论

使用使用scrollTop(）解决）解决IOS中输入法遮挡输入框问题中输入法遮挡输入框问题

经过测试，发现有的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中输入法遮挡输入框问题，希望对大家有所帮助，如果大家有任何疑

问请给我留言，小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持！

您可能感兴趣的文章您可能感兴趣的文章:解决ios手机中input输入框光标过长的问题解决ios h5 input输入框被输入法弹出一块区域的问题

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余0页未读，立即下载

内容反馈

weixin_38686860

粉丝: 10
资源: 971

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip