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>
    

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

  • 相关阅读:
    【BJOI2018】求和
    【洛谷P1613】跑路
    【NOI2001】食物链
    【NOI2002】银河英雄传说
    【POJ1456】Supermarket
    【NOIP2013】货车运输
    【CH#56C】异象石
    【POJ3417】Network
    【APIO2010】巡逻
    【CH6201】走廊泼水节
  • 原文地址:https://www.cnblogs.com/wangjae/p/7095619.html
Copyright © 2011-2022 走看看