项目总结(关于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()

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

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

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

你可能感兴趣的:(javascript,项目总结)