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

其他资讯

Copyright © 2025 青羊区翔捷宏鑫字牌设计制作工作室(个体工商户) All Rights Reserved 蜀ICP备2025123194号-14
友情链接: 网站设计 网站设计制作报价 高端网站设计 成都网站制作 泸州网站建设 网站设计公司 成都网站设计 移动网站建设 成都网站制作 成都网站建设公司 教育网站设计方案 成都网站建设 成都网站制作 成都品牌网站设计 重庆网站建设 外贸网站建设 成都定制网站建设 成都网站设计公司 成都网站设计公司 成都响应式网站建设 成都网站制作公司 成都网站建设