微信公衆番号開発はvueでフロントエンドページを作ってIOSが白画面に戻る問題を解決する


テキストリンクアドレス
問題の説明:
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;
}