取消位置：移动端激活键盘时固定位置
时间：2023-04-05 19:47:28
HTML5
当按钮位置：固定；底部底部：0；固定在移动端，激活键盘输入数据时会有一个很头疼的问题：固定在底部的按钮会被系统自带的键盘挤上去，占据输入框的位置；如图：如何让按钮固定底部，后面找到两种方法。HTML提交信息
css.submit{display:flex;宽度：100%；证明内容：居中；位置：固定；bottom:0;}1、第一种是通过输入框input控制按钮的位置样式，获得焦点/移除焦点；js$("input,textarea").focus(function(){$(".submit").css("position","static");}).blur(function(){$(".submit").css("位置","固定");});效果是实现了，但是后面发现了一个问题，如图：你会发现按钮显示不全。2、第二种需要理解resize()方法，通过resize()方法触发resize事件，或者指定resize事件发生时运行的函数。jsvarwindheight=$(window).height();/*键盘未激活时的当前窗口高度*/$(window).resize(function(){vardocheight=$(window).height();/*当前窗口高度时唤起键盘*/if(docheight
