> 웹 프론트엔드 > H5 튜토리얼 > WeChat H5 페이지에서 발생하는 몇 가지 문제

WeChat H5 페이지에서 발생하는 몇 가지 문제

高洛峰
풀어 주다: 2017-02-09 15:13:31
원래의
1632명이 탐색했습니다.

1. 입력 상자의 커서가 고정된 값으로 사용됩니다.

해결 방법은 줄 높이를 설정하는 것이 아닙니다. 줄 높이로 패딩을 사용하세요.

WeChat H5 페이지에서 발생하는 몇 가지 문제

WeChat H5 페이지에서 발생하는 몇 가지 문제

2. WeChat에 오디오 파일을 추가하지만 자동으로 재생되지 않습니다.

해결책:

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. WeChat의 h5 페이지는 JS 새로 고침 또는 점프를 지원하지 않습니다.

var a= Math.random() * 100;<🎜을 사용하세요. >window.location.href = window .location.href+"?id="+a;

4. Android 휴대폰 소프트 키보드로 인해 레이아웃이 위로 이동합니다.

해결 방법:

① 하단 입력란 버그로 인해 버튼을 위로 이동

② JS로 수정

function fixfixed(obj) {  

        if(document.activeElement.nodeName == &#39;INPUT&#39;){
            obj.css(&#39;position&#39;, &#39;static&#39;);
        } else {
            obj.css(&#39;position&#39;, &#39;fixed&#39;);
        }
    }
로그인 후 복사
현재 사용 가능한 것들입니다. 새로운 것을 만나면 계속하세요. 추가

더 많은 WeChat H5 페이지 만남 일부 문제와 관련된 기사는 PHP 중국어 웹사이트에 주목하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿