关于移动端的文本框获取焦点时导致fixed或absolute定位的按钮被手机键盘顶上去的问题...

最新推荐文章于 2022-06-29 01:43:46 发布

weixin_33877092

最新推荐文章于 2022-06-29 01:43:46 发布

阅读量217

点赞数

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/u/2393989/blog/3029810

版权

2019独角兽企业重金招聘Python工程师标准>>>

方法一：

var win_h = $(window).height();//关键代码
window.addEventListener('resize', function () {
    if($(window).height() < win_h){
        $('.share-btn-box').hide();
    }else{
        $('.share-btn-box').show();
    }
});

方法二：

//navigator.userAgent.indexOf用来判断浏览器类型
var isAndroid = navigator.userAgent.indexOf('Android') > -1 || navigator.userAgent.indexOf('Adr') > -1;
if (isAndroid){//如果是安卓手机的浏览器
    var win_h = $(window).height();//关键代码
    $("body").height(win_h);//关键代码
    window.addEventListener('resize', function () {
        // Document 对象的activeElement 属性返回文档中当前获得焦点的元素。
        if (document.activeElement.tagName === 'INPUT' || document.activeElement.tagName === 'TEXTAREA') {
          if($('.share-btn-box').is(':visible')){
            $('.share-btn-box').hide();
          }else{
            $('.share-btn-box').show();
          }
        }
    });
}

转载于:https://my.oschina.net/u/2393989/blog/3029810