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>
    

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

  • 相关阅读:
    2020.10.08 模拟赛 题解
    可爱路径 题解
    飞行路线 题解2
    架设电话线 题解
    浅谈 LCA
    浅谈 Tarjan 算法之强连通分量(危
    初赛题目整理1
    【求助,待续!】holes
    【题解】HDU4467
    【题解】zhx154嬲
  • 原文地址:https://www.cnblogs.com/wangjae/p/7095619.html
Copyright © 2011-2022 走看看