Vue resolver entrada de micro-canales después de cerrar el navegador teclado causar problemas de vacantes inferior de la página

La causa:

carta de micro WEBVIEW abierta cuando la página h5, que fija la altura de la página, si la entrada en la parte inferior de la página, al evocar el teclado en pantalla, ya que la cuestión de altura, todo el WebView es el principio Ir teclado ,, cancelado cuando no hay restitución.

soluciones

La primera: Después de perder el enfoque automáticamente la parte superior

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

El segundo: la parte trasera a la parte inferior scrollTo

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

Tercero: calcular la altura de la entrada de corriente de la parte superior de la página para desplazarse hasta la ubicación actual

inputLoseFocus() {
 console.log(`window.pageYOffset: ${window.pageYOffset}`);
  window.scrollTo({
    top: window.pageYOffset,
    behavior: 'smooth',
  });
}
Publicado 21 artículos originales · ganado elogios 28 · vistas 4053

Supongo que te gusta

Origin blog.csdn.net/TanHao8/article/details/105372951
Recomendado
Clasificación