之前本来想用文本框聚焦和失焦来显示和隐藏按钮,但是这样有Bug,点击软键盘的收缩键盘按钮,输入框还是聚焦的,按钮显示不出来,这个方法不行;后面找到了一种方法:
//动态监控浏览器窗口的变化。当浏览器窗口的大小发生变化时,如果变化后的窗口高度小于初始的窗口高度,则让按钮隐藏起来;反之,则让按钮正常显示。
let winh = document.body.clientHeight;// 取窗口可视范围的高度
window.addEventListener('resize', () => {
if (document.body.clientHeight < winh) {
this.showSSO = false; //隐藏按钮
} else {
this.showSSO = true; //显示按钮
}
});