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

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

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

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

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

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');        }    }

登录后复制

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

更多微信H5页面遇到的一些问题相关文章请关注PHP中文网!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3203354.html

(0)
上一篇 2025年4月1日 08:25:12
下一篇 2025年2月18日 01:45:37

AD推荐 黄金广告位招租... 更多推荐

相关推荐

发表回复

登录后才能评论