이 기사에서는 WeChat 페이지에 키보드가 나타난 후 iframe 콘텐츠가 공백으로 표시되는 문제에 대한 해결책을 주로 공유합니다. 키보드가 팝업되면 바닥글도 위로 올라가고, 검색이 완료되면(전체 페이지를 새로 고쳐야 함) 키보드를 집어넣은 후 iframe에서 키보드가 있는 위치가 흰색으로 변합니다.
머리말:
iframe을 조정해야 하므로 높이를 계산해야 합니다
//整体高 var win = $(window).height(); //搜索栏 var header = $('header').height(); //导航栏 var nav = $('.navpwrap').height(); //页底 var footer = $('footer').height(); //iframe $('#main').height(win -header + nav - footer);
해결책:
원인:
키보드를 내려놓으면 iframe의 높이가 맞지 않습니다. 다시 놓기.
옵션 ①: 쿠키에 첫 번째 iframe의 높이를 넣습니다
참고: Xiaomi 6에서는 'win'이 충돌하는 것 같아서 'win1'로 변경합니다
//导入 <script src="jquery.cookie.js"></script> var win = $(window).height(); //获取cookie里 var winCookie = $.cookie("win1",{path: '/' }); //若cookie里无,则填充;若cookie里有,则取出 if(!winCookie){ $.cookie("win1", win,{path: '/' }); }else{ win = winCookie; }
관련 권장 사항:
경계 없는 iframe과 국경 없는 iframe의 작업 방법은 무엇입니까?
iframe을 사용하여 현재 웹페이지에 다른 웹페이지를 삽입하는 방법
HTML은 iframe이 해당 페이지로 이동하는 것을 방지하고 iframe을 사용하여 WeChat 웹 버전을 삽입합니다. 자세한 설명
위 내용은 WeChat 페이지에 키보드가 나타난 후 iframe 콘텐츠가 공백이 됩니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!