项目总结(关于fixed/absolute固定的底部按钮被input输入框的键盘顶上去的问题一般安卓手机会出现这种问题)

解决方法:监控屏幕大小的变化,当屏幕变小的时候让按钮隐藏起来,当屏幕大小与当前屏幕保持一致的时候,让按钮正常显示。
原生js解决方法:

var h = document.body.scrollHeight;
    window.onresize = function(){
        if (document.body.scrollHeight < h) {
            document.getElementsByTagName("nav")[0].style.display = "none";
        }else{
            document.getElementsByTagName("nav")[0].style.display = "block";
        }
    };

加黑倾斜的是重点,记住

另外的jquery的写法

 var h=$(window).height();
    $(window).resize(function() {
       if($(window).height()<h){
           $('.footer').hide();
        }else{
           $('.footer').show();
        }
     }     

// 这是在项目中遇到的情况
另外一种情况出现在了苹果手机上,底部的input的框会被下面弹起的键盘遮住
具体情况看这个链接:https://www.cnblogs.com/wangjae/p/7095619.html
解决方法:

 $("input").on("click", function() {
        setTimeout(function(){ 
            document.body.scrollTop = document.body.scrollHeight;
        },300); 
  })

scrollTop和scrollHeight的含义和用法,百度上多的很。不过确实提供了一种思路。

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值