ページ下部のブラウザのキーボードの問題を引き起こす欠陥を閉じた後Vueのマイクロチャネルの入力を解決

原因:

我々H5ページソフトキーボードを想起させるときに、ページの下部にある入力は、高さの問題であるため、全体のWebViewは、キーボード行くトップであれば、彼らは何があるときにキャンセルしない,,、ページの高さを固定したときにマイクロ文字が開くのWebView反発。

ソリューション

最初は自動トップがフォーカスを失いました

inputLoseFocus() {
  setTimeout(() => {
    window.scrollTo(0, 0);
  }, 100);
},

第二:一番下にscrollToバック

inputLoseFocus() {
  setTimeout(() => {
    const scrollHeight = document.documentElement.scrollHeight
      || document.body.scrollHeight;
    window.scrollTo({
      top: scrollHeight,
      behavior: 'smooth',
    });
  }, 100);
}

第三:現在の場所へのスクロールにページの最上部から入力電流の高さを計算

inputLoseFocus() {
 console.log(`window.pageYOffset: ${window.pageYOffset}`);
  window.scrollTo({
    top: window.pageYOffset,
    behavior: 'smooth',
  });
}
出版21件のオリジナル記事 ウォンの賛美28 ビュー4053

おすすめ

転載: blog.csdn.net/TanHao8/article/details/105372951