使用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中输入法遮挡输入框问题
文章URL:http://hxwzsj.com/article/jgjsdh.html

其他资讯

Copyright © 2025 青羊区翔捷宏鑫字牌设计制作工作室(个体工商户) All Rights Reserved 蜀ICP备2025123194号-14
友情链接: 高端网站设计 成都模版网站建设 高端定制网站设计 成都网站设计 成都网站制作公司 成都网站建设 成都网站设计 成都网站建设 网站建设费用 网站制作报价 重庆网站建设 成都网站制作 温江网站设计 营销网站建设 品牌网站建设 教育网站设计方案 成都网站建设 营销型网站建设 网站建设公司 企业网站设计 成都企业网站建设公司 成都网站制作