700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 移动端的文本框获取焦点时导致fixed或absolute定位的按钮被手机键盘顶上去的解决方案

移动端的文本框获取焦点时导致fixed或absolute定位的按钮被手机键盘顶上去的解决方案

时间:2024-04-10 15:19:34

相关推荐

移动端的文本框获取焦点时导致fixed或absolute定位的按钮被手机键盘顶上去的解决方案

之前本来想用文本框聚焦和失焦来显示和隐藏按钮,但是这样有Bug,点击软键盘的收缩键盘按钮,输入框还是聚焦的,按钮显示不出来,这个方法不行;后面找到了一种方法:

//动态监控浏览器窗口的变化。当浏览器窗口的大小发生变化时,如果变化后的窗口高度小于初始的窗口高度,则让按钮隐藏起来;反之,则让按钮正常显示。let winh = document.body.clientHeight;// 取窗口可视范围的高度window.addEventListener('resize', () => {if (document.body.clientHeight < winh) {this.showSSO = false; //隐藏按钮} else {this.showSSO = true; //显示按钮}});

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。