zoukankan      html  css  js  c++  java
  • 安卓手机input弹起时,底部图片整体上移的问题处理

    安卓手机在input输入时,在底部有fixed定位在页面底部的图片时,安卓手机图片会随着屏幕变小而提到软键盘上面,可以进行一下处理;

    该图片为底部图片

    <img class="bottom-img  animated fadeInUp" src="img/index_wen2.png" />

    jQuery实现图片的显示和隐藏

    window.onload = function () {
      var pageHeight= $(document).height();
      $(window).resize(function () { //ios软键盘弹出不会触发resize事件
      if ($(document).height() < pageHeight) {
        $(".bottom-img").hide();
      } else {
        $(".bottom-img").show();
      }
      });
    }

  • 相关阅读:
    Python Day13:开放封闭原则、函数装饰器、全局局部变量
    Python Day12
    Python Day11
    Python Day10
    drf框架
    drf框架
    drf框架
    drf框架
    vue框架
    vue框架
  • 原文地址:https://www.cnblogs.com/yeziyou/p/13366204.html
Copyright © 2011-2022 走看看