移动端安卓系统中，固定在底部的按钮被输入框的键盘顶上去的问题解决办法

最新推荐文章于 2024-03-01 15:30:08 发布

原创最新推荐文章于 2024-03-01 15:30:08 发布 · 6.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#移动端 #h5安卓机兼容性问题

常见兼容性问题专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种响应式设计技巧，通过监控屏幕大小变化来动态调整按钮的显示状态，确保了良好的用户体验。提供了两种实现方法：原生JavaScript和jQuery/Zepto，帮助开发者在不同场景下灵活应用。

处理问题的思路：

监控屏幕大小的变化，当屏幕变小的时候让按钮隐藏起来，当屏幕大小与当前屏幕保持一致的时候，让按钮正常显示。

解决办法有2种：

1、原生办法 (推荐)

var h = document.body.scrollHeight;
    window.onresize = function(){
      if (document.body.scrollHeight < h) {
        document.getElementById('bttombtn').style.display = 'none';
      }else{
        document.getElementById('bttombtn').style.display = 'block';
      }
    };

2、jquery / zepto

var h=(window).height();//(window).resize(function() {
// if($(window).height()

欢迎访问上海时尚娱乐网