首页 > 微信 > 详细

微信公众号之input输入框获取焦点后,底部固定定位的按钮顶起问题解决办法

时间:2019-08-15 10:21:45      阅读:207      评论:0      收藏:0      [点我收藏+]

问题描述:手机H5页面当input输入框获取焦点时,软键盘会弹起,这时:IOS底部固定定位的按钮不会随着键盘弹起而弹起;而安卓底部固定定位的按钮会跟随软键盘弹起而顶起,往往会遮挡一部分视图,这对用户的体验有点不好,故本篇文章将利用js来解决这个问题,优化用户体验

1、解决思路

当软键盘弹起时,将底部弹起的按钮隐藏;当软键盘收起时,将按钮正常显示。

2.上代码

var h=$(window).height();//监听页面高度

$(window).resize(function() {

if($(window).height()<h){

  $(‘.要隐藏的按钮class名称‘).hide();

}else{

  $(‘.要显示的按钮class名称‘).show();

}

})

微信公众号之input输入框获取焦点后,底部固定定位的按钮顶起问题解决办法

原文:https://www.cnblogs.com/txya/p/11356219.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!