微信公衆番号開発はvueでフロントエンドページを作ってIOSが白画面に戻る問題を解決する
696 ワード
テキストリンクアドレス
問題の説明:
Aページに入ります——>Bページ——>iosが持参した戻り——>白画面が現れます——>白画面を手動でクリックします——>問題解決
原因分析:
iosマシンでwebviewを使用してVueプロジェクトを開発する場合、go history(-1)は、bodyの高さを引き落とすことができず、隠すことができず、軽い打撃をトリガーしてマスクを取り除くことができます
ソリューションの実現原理:
html、bodyはすべて100%で、#appは親の要素の教えを支えていますが、ブラウザのデフォルトのスクロールscrollは#appではなくbodyで、いくつかの要因でhistoryに戻った後、(iosの鍋)を復元できません.そのため、#appを絶対的に位置決めし、scrollの対象に戻して問題を解決しました.
実装コード:
問題の説明:
Aページに入ります——>Bページ——>iosが持参した戻り——>白画面が現れます——>白画面を手動でクリックします——>問題解決
原因分析:
iosマシンでwebviewを使用してVueプロジェクトを開発する場合、go history(-1)は、bodyの高さを引き落とすことができず、隠すことができず、軽い打撃をトリガーしてマスクを取り除くことができます
ソリューションの実現原理:
html、bodyはすべて100%で、#appは親の要素の教えを支えていますが、ブラウザのデフォルトのスクロールscrollは#appではなくbodyで、いくつかの要因でhistoryに戻った後、(iosの鍋)を復元できません.そのため、#appを絶対的に位置決めし、scrollの対象に戻して問題を解決しました.
実装コード:
html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
position: relative;
}
#app {
width: 100%;
height: 100%;
background: #fff;
overflow: scroll;
-webkit-overflow-scrolling: touch;
position: absolute;
left:0;
top:0;
}