使用scrollTop(）解决IOS中输入法遮挡输入框问题
更新时间：2017年09月27日 14:03:14 作者：背包里的护身符
ios浏览器上输入法会弹出遮挡输入框问题，下面小编给大家分享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开发中使用屏幕旋转功能的相关方法,包括Transform变化矩阵原理的讲解,需要的朋友可以参考下2015-09-09
这篇文章给大家介绍在IOS中为什么使用多线程及多线程实现的三种方法，基本上使用这三种方法实现多线程(NSThread Grand Centeral Dispatch(GCD) NSOperation和NSOperationQueue),感兴趣的朋友可以参考下本篇文章2015-11-11
ios实现底部PopupWindow的示例代码(底部弹出菜单)
这篇文章主要介绍了ios实现底部PopupWindow的示例代码(底部弹出菜单),小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-01-01
这篇文章主要为大家介绍了NSMutable 对象的坑解决分析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-02-02
在 Apple 的应用开发里 KVO 提供了一个途径，使对象（观察者）能够观察其他对象（被观察者）的属性，当被观察者的属性发生变化时，观察者就会被告知该变化。下面这篇文章主要给大家介绍了关于iOS如何自动移除KVO观察者的实现方法，需要的朋友可以参考下。2017-12-12
这篇文章主要介绍了iOS的UI开发中控制器的创建方法,代码基于传统的Objective-C,需要的朋友可以参考下2015-11-11
这篇文章主要介绍了iOS基于 UILabel实现文字添加描边功能,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下2018-10-10
这篇文章主要介绍了IOS 开发之操作图库自定义控制器的相关资料,需要的朋友可以参考下2017-02-02
本文给大家分享的是放boss直聘当中的聊天信息界面，主要思路是约束动画，实现代码比较简单，下面小编通过本文给大家分享IOS实现聊天界面底部菜单栏效果，需要的的朋友参考下吧2017-09-09
UILabel组件可以用来设置文字内容的排版与字体效果等,功能非常多,下面就来为大家整理一下基本的iOS应用中UILabel文字显示效果的常用设置总结2016-05-05
最新评论