移动端使用页尾文字使用绝对定位遇到input框会飘起来的处理方案

如下版权信息的样式在遇到input框的时候会跟随输入框其后

优雅的解决方式：（定位遇上键盘飘窗解决）

mounted里面写上：var originalHeight=document.documentElement.clientHeight || document.body.clientHeight;  //console.info("原始窗口的高度"+originalHeight);  window.οnresize=function(){  //软键盘弹起与隐藏  都会引起窗口的高度发生变化  var resizeHeight=document.documentElement.clientHeight || document.body.clientHeight;  //console.info("软键盘弹起后窗口的高度"+resizeHeight);  if(resizeHeight*1<originalHeight*1){ //resizeHeight<originalHeight证明窗口被挤压了  self.showMiddle = false;  //元素显示与否}else{self.showMiddle = true;}  }

转载于:https://www.cnblogs.com/lhl66/p/8477284.html

移动端使用页尾文字使用绝对定位遇到input框会飘起来的处理方案相关推荐

移动端布局规范-固定页头页尾-中间随高度滑动
<!DOCTYPE html> <html> <head><title>移动端上下固定中间滑动</title><meta charse ...
Excel学习笔记：P13-页首、页尾设计、表格加水印
文章目录一.页首.页尾设计二.制作水印一.页首.页尾设计文件的页首.页尾常常用来标注时间.页码.表格标题等信息.但我们在使用Excel时,无法像word一样直接预览文件的页首.页尾.这是因为E ...
html网页页尾,终于认识网页页尾设计注意技巧
网页页尾设计注意技巧以下就是网页页尾设计注意技巧等等的介绍,希望为您带来帮助. 设计网站时,企业都会把大部分的精力放在网页头部上,这样做当然无可厚非,因为网页头部是用户一打开来就看到的,有着相当重要 ...
什么是Little Endian和Big Endian？（Endianness：字节序、端序、尾序）
缅怀先驱:提出字节序概念的以色列裔计算机科学家Danny Cohen1,于2019-08-22病逝,享年81岁2. 目录名词释义概念由来设计原理应用场景 NBO(Net Bytes Order ...
CAS单点登录3--服务端登录页个性化
原理 cas的页面显示控制是集中在\WEB-INF\cas.properties中的cas.viewResolver.basename属性的,其默认值为default_views 所以cas会去cla ...
Android复习06【网络编程提高篇-安装GsonFormat、HttpUrlConnection封装、线程池、GsonFormat解析Json、自动加载下一页、自定义组件、页头页尾刷新、侧滑删除】
2020-04-07 星期二 [第8周] [考试不考...] 目录思维导图安装GsonFormat插件添加网络访问权限 GitHub---HttpUrlConnection封装线程池 G ...
header里面加值如何去掉引号_用ods tagsets.rtf 产生的表，怎么去掉页尾处的空白？...
虽然ods tagsets.rtf 和 ods rtf 相比有很多优点,但它也不是完美无缺的.比如,我们设好了page break 的变量,想通过 break after 语句来设置分页,但是ods ...
开源 java CMS - FreeCMS2.7 移动端栏目页静态化
2019独角兽企业重金招聘Python工程师标准>>> 项目地址:http://www.freeteam.cn/ 移动端栏目页静态化从左侧管理菜单点击栏目页静态化进入. 您可以选择 ...
SAP WRITE设置列表颜色页眉页尾输出控制
WRITE输出表格,控制页眉页尾内容输出行数单元格输出颜色 ◆◆ 语法 ◆◆ 代码 ◆◆ 效果 ◆◆ 语法 FORMAT COLOR [ON] INTENSIFIED [ON|OFF] INVERS ...

移动端使用页尾文字使用绝对定位遇到input框会飘起来的处理方案

移动端使用页尾文字使用绝对定位遇到input框会飘起来的处理方案相关推荐

最新文章

热门文章