05vue之监听事件onresize和input


目的:主要运用在注册页面,当点击表单中的input,手机端出现输入框,固定在底部的层则会挤到上方,导致页面不美观。

05vue之监听事件onresize和input_第1张图片
注册页面展示

05vue之监听事件onresize和input_第2张图片
不进行监听处理的页面

有图可知,当我点击input的时候,固定在底部的层级会被挤在键盘上方。
底部固定层级,一般使用position:fixed;

//Mfooter 固定在页面底部
 
好好学习 天天向上
05vue之监听事件onresize和input_第3张图片
根据监听判断使用后

ps:这个方法是百度的,自己使用感觉可以,目前我是觉得不错。

2.HTML页面中的window.onresize

window.onresize = funcRef; funcRef是一个函数引用。


你可能感兴趣的:(05vue之监听事件onresize和input)