成都网站建设设计

将想法与焦点和您一起共享

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

经过测试,发现有的IOS浏览器上输入法会弹出遮挡输入框,网上很多都是介绍用以下方法

创新互联专注为客户提供全方位的互联网综合服务,包含不限于成都网站设计、成都网站建设、青山湖网络推广、成都微信小程序、青山湖网络营销、青山湖企业策划、青山湖品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联为所有大学生创业者提供青山湖建站搭建服务,24小时服务热线:18982081108,官方网址:www.cdcxhl.com

(function() { 
$(‘input').on(‘click', function () { 
var target = this; 
// 使用定时器是为了让输入框上滑时更加自然 
setTimeout(function(){ 
target.scrollIntoView(true); 
},100); 
});

但是由于本人对scrollIntoView的理解不够一直没有解决问题,后来用相同的思路使用scrollTop()解决了。

实例如下




总结

以上所述是小编给大家介绍的使用scrollTop()解决IOS中输入法遮挡输入框问题,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对创新互联网站的支持!


分享文章:使用scrollTop()解决IOS中输入法遮挡输入框问题
文章分享:http://chengdu.cdxwcx.cn/article/jgjsdh.html