Android | iOS eventos de teclado compatível

Descrição do problema: Quando você puxa para cima o teclado Andrews, vai apertar página H5, a página de layout reduzir a distorção;

      iOS Depois de puxar o teclado, baixo, há um espaço em branco; (sem fotos exemplo, se você esqueceu mesmo se o bar)

Andrews:

  puxar Teclado Android até a altura da página serão responsáveis ​​por uma porcentagem semelhante do layout, a página será comprimido, resultando na deformação grave, pode ser usado quando as mudanças altura da página, o seguinte conteúdo para ocultar ou exibir

. Uma    função Android () {
 2        // teclado Andrews adaptado compressão principal de rejeição 
3.        Const L = a navigator.userAgent;
 . 4        let = que a esta ;
 . 5        SE (u.indexOf ( "Android")> -1 || u.indexOf ( "o Linux")> -1 ) {
 . 6          // Andrews telefone 
7          // obter a visão da altura original 
8.          a deixar screenHeight = document.body.offsetHeight;
 . 9          // é uma janela de redimensionamento evento ligações 
10          window.onresize = função () {
 . 11            a deixar nowHeight = document.body.offsetHeight;
 12 está           se (nowHeight < screenHeight) {
 13              that.display = "display: none" ;
14            } else {
 15              that.display = "" ;
16            }
 17          };
18        }
 19    }
View Code

iOS:

    página em branco iOS porque depois o teclado aparece encalhada (entendimento pessoal), iOS tem um trecho elástico, no espaço em branco (acho que não mudou, na verdade, eu secretamente mais alto)

. Uma  função scrollTop () {     // teclado é puxado para fora depois de a posição inicial, deixe uma página 
2      window.scroll (0, 0 );
 . 3 }
View Code

Acima, e outro: H5 é uma página inteira

PS: um monte de estranho compatível pode ser de outra maneira, contanto que o usuário tem pouco impacto sobre o uso, compatível pode mexer com o conceito.

Acho que você gosta

Origin www.cnblogs.com/Idlerblogs/p/12482226.html
Recomendado
Clasificación