Maison >interface Web >js tutoriel >Le contenu de l'iframe devient vide une fois que le clavier apparaît sur la page WeChat
Cet article partage principalement avec vous la solution au problème selon lequel le contenu de l'iframe devient vide après l'apparition du clavier sur la page WeChat. Lorsque le clavier apparaît, le pied de page est également relevé ; et lorsque la recherche est terminée (la page entière doit être actualisée), une fois le clavier rétracté, l'endroit où se trouve le clavier dans l'iframe devient blanc.
Avant-propos :
Parce que l'iframe doit être adapté, il faut donc calculer la hauteur
//整体高 var win = $(window).height(); //搜索栏 var header = $('header').height(); //导航栏 var nav = $('.navpwrap').height(); //页底 var footer = $('footer').height(); //iframe $('#main').height(win -header + nav - footer);
Solution :
Cause :
Lorsque le clavier est posé, la hauteur de l'iframe n'est pas réinitialisée.
Option ① : Mettez la hauteur de la première iframe dans le cookie
Remarque : Dans Xiaomi 6, « win » semble être en conflit, alors remplacez-le par « 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; }
Recommandations associées :
Quelles sont les opérations des iframes sans frontières et sans frontières
Comment utiliser iframe pour intégrer d'autres pages Web dans la page Web actuelle
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!