移动端H5页面虚拟键盘弹起,让Input自适应上升
兼容微信和钉钉:
给input添加获取焦点事件:
将底部的输入框整体滚动:
注意:底部的输入框要用子绝对父相对
focusFn(a){let ele=document.querySelector('.ipt_frame');setTimeout(function(){ele.scrollIntoView(false);document.body.scrollTop = document.body.scrollHeight;document.documentElement.scrollTop = document.documentElement.scrollHeight;//适应钉钉打开},400);
Element.scrollIntoView() 方法让当前的元素滚动到浏览器窗口的可视区域内
true,元素的顶端将和其所在滚动区的可视区域的顶端对齐。
false,元素的底端将和其所在滚动区的可视区域的底端对齐。