我们专注攀枝花网站设计 攀枝花网站制作 攀枝花网站建设
成都网站建设公司服务热线:400-028-6601

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

使用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://shouzuofang.com/article/jgjsdh.html

其他资讯