之前本来想用文本框聚焦和失焦来显示和隐藏按钮,但是这样有Bug,点击软键盘的收缩键盘按钮,输入框还是聚焦的,按钮显示不出来,这个方法不行;后面找到了一种方法:
//动态监控浏览器窗口的变化。当浏览器窗口的大小发生变化时,如果变化后的窗口高度小于初始的窗口高度,则让按钮隐藏起来;反之,则让按钮正常显示。let winh = document.body.clientHeight;// 取窗口可视范围的高度window.addEventListener('resize', () => {if (document.body.clientHeight < winh) {this.showSSO = false; //隐藏按钮} else {this.showSSO = true; //显示按钮}});
如果觉得《移动端的文本框获取焦点时导致fixed或absolute定位的按钮被手机键盘顶上去的解决方案》对你有帮助,请点赞、收藏,并留下你的观点哦!