WeChat 페이지에 키보드가 나타난 후 iframe 콘텐츠가 공백이 됩니다.

이 기사에서는 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!