微信H5页面遇到的一些问题

2019-05-06 作者:计算机教程   |   浏览(74)

①最底部输入框导致的bug,将按钮往上移

微信H5页面遇到的一些问题,h5页面一些问题

做了个微信的h5邀请函页面,遇到了几个移动端的问题,一直都忘了整理。

1.input框光标不居中,用height为定值,设置了line-height也无效,

解决方法,不给定高,用line-height设置行高后,用padding撑起高度

图片 1

图片 2

2.微信内添加音频文件,但不会自动播放,

解决方法:

function audioAutoPlay(id){    //解决微信内部无法播放音频的问题
     var audio = document.getElementById(id); 
    audio.play();  
    document.addEventListener("WeixinJSBridgeReady", function () {  
            audio.play();  
    }, false);  
    document.addEventListener("YixinJSBridgeReady", function() {  
        audio.play();  
    }, false);  
}  
    audioAutoPlay("music");  

3.微信内h5页面,不支持JS刷新或者跳转,采用

var a= Math.random() * 100;
window.location.href = window.location.href "?id=" a;

4.安卓手机软键盘导致布局上移

解决方法:

①最底部输入框导致的bug,将按钮往上移

②通过JS来修正

function fixfixed(obj) {  

        if(document.activeElement.nodeName == 'INPUT'){
            obj.css('position', 'static');
        } else {
            obj.css('position', 'fixed');
        }
    }

暂时现有这些,遇到新的后,继续添加

http://www.bkjia.com/HTML5/1189971.htmlwww.bkjia.comtruehttp://www.bkjia.com/HTML5/1189971.htmlTechArticle微信H5页面遇到的一些问题,h5页面一些问题 做了个微信的h5邀请函页面,遇到了几个移动端的问题,一直都忘了整理。 1.input框光标不居中...

图片 3

function audioAutoPlay(id){    //解决微信内部无法播放音频的问题
     var audio = document.getElementById(id); 
    audio.play();  
    document.addEventListener("WeixinJSBridgeReady", function () {  
            audio.play();  
    }, false);  
    document.addEventListener("YixinJSBridgeReady", function() {  
        audio.play();  
    }, false);  
}  
    audioAutoPlay("music");  

解决方法,不给定高,用line-height设置行高后,用padding撑起高度

3.微信内h5页面,不支持JS刷新或者跳转,采用

图片 4

解决方法:

2.微信内添加音频文件,但不会自动播放,

本文由www.2003.com发布于计算机教程,转载请注明出处:微信H5页面遇到的一些问题

关键词: