• 微信公众号之input输入框获取焦点后,底部固定定位的按钮顶起问题解决办法


    问题描述:手机H5页面当input输入框获取焦点时,软键盘会弹起,这时:IOS底部固定定位的按钮不会随着键盘弹起而弹起;而安卓底部固定定位的按钮会跟随软键盘弹起而顶起,往往会遮挡一部分视图,这对用户的体验有点不好,故本篇文章将利用js来解决这个问题,优化用户体验

    1、解决思路

    当软键盘弹起时,将底部弹起的按钮隐藏;当软键盘收起时,将按钮正常显示。

    2.上代码

    var h=$(window).height();//监听页面高度

    $(window).resize(function() {

    if($(window).height()<h){

      $('.要隐藏的按钮class名称').hide();

    }else{

      $('.要显示的按钮class名称').show();

    }

    })

  • 相关阅读:
    AJAX
    选择器
    断电原则
    radio为什么不能选择。急急急
    IBase<T>
    委托
    Log4Net
    博弈论 学习笔记
    解决You have new mail in /var/spool/mail/root提示
    Zookeeper分布式安装部署
  • 原文地址:https://www.cnblogs.com/txya/p/11356219.html
Copyright © 2020-2023  润新知