zoukankan      html  css  js  c++  java
  • IOS 固定定位底部input输入框,获取焦点时弹出的输入法键盘挡住input

    移动页面经常会做到这样一个效果,看下面的图片,重点就是那个固定定位的底部,里面有个input输入框,在输入字符的时候,安卓手机看着是完全没有问题!

    1、页面没有点击底部input的初始状态

    2、安卓手机下的样子,一切都是那么的正常,简直是完美。

    3、ios手机下,就是这么任性,没有办法,完全挡着了,挡着了,挡着了...,必须把整个页面滑到最底下才能看见它,捉迷藏啊简直是。

    不怕丢人的说,此问题遇见一年多了终于得到完美解决,更加精彩、更加狗血的是代码只有特么的一行!

    请睁大眼睛看

    <script type="text/javascript">
    	$("input").on("click", function() {
    		setTimeout(function(){  
    		    document.body.scrollTop = document.body.scrollHeight;  
    		},300);  
    	})
    </script>
    

    具体现实效果,我就不截图显示了,惊喜得自己发现、试过才知道,是不? 

  • 相关阅读:
    字符串与指针{学习笔记}
    selenium 测试脚本
    多维数组与指针{笔记}
    SQL注入常用语句{笔记}
    C语言指针{学习笔记}
    字符编码
    移动窗体
    TreeView树形结构
    未能找到元数据文件解决办法
    gridview分页的问题
  • 原文地址:https://www.cnblogs.com/wangjae/p/7095619.html
Copyright © 2011-2022 走看看