Android browser di default non lo scorrimento della pagina web

Question

Sto avendo un problema con il browser stock Android su una pagina che sto costruendo. In poche parole, la pagina non scorrerà verticalmente senza zoomare prima. Ho pensato di aver capito quando ho scoperto che il tag riportava un'altezza inferiore rispetto alla finestra del browser, ma il problema non ha risolto il problema di scorrimento. (La casella nera nella pagina indice riporta l'altezza calcolata dell'elemento.)

Il mio dispositivo di test è un Droid Incredible con Android 2.3. Lo scorrimento funziona su Firefox per Android, così come sul mio tablet Android 4.0 e su tutti i dispositivi iOS.

mio dev build del sito è qui: www.adamjdesigns.info/csu/engage

EDIT - Altro codice ho provato:

1. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
2. if(navigator.userAgent.match(/Android 2/) && $(window).height() < 600) { $('html').css({'height':$(window).height(),'overflow':'auto'}); }

Qualsiasi aiuto è molto apprezzato!

Answer 1

ho capito! C'è stato un iframe per un video di YouTube nella pagina, e non sono sicuro se è il iframe stesso o il relativo script per riprodurre il video al suo interno, ma la rimozione che dal DOM ha risolto il problema. (Lo avevo impostato su nascosto sugli schermi mobili comunque.)

Grazie per il vostro aiuto, a tutti!

Answer 2

Prova questo per la vostra finestra:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 

Answer 3

Anche se è un hack, ho un altro fix che potrebbe aiutare gli sviluppatori. Ho scoperto che con il browser Android 2.3.4 di serie, se si aumenta la dimensione iniziale del caricamento della pagina da "1" a una dimensione leggermente maggiore, lo scorrimento verticale funziona senza dover prima incastrare lo zoom. Ad esempio:

Answer 4

Quello che ho trovato essere il problema era che avevo aggiunto overflow-x: hidden; alla mia etichetta del corpo. Questo dovrebbe disattivare la barra di scorrimento orizzontale, ma invece in Android si spegne lo scroller verticale. E in Android, posso scorrere solo in orizzontale. Probabilmente un bug nel browser Android. Sto usando vecchi telefoni Android (HTC Thunderbolt). Ho esaminato il mio file css e rimosso tutto overflow-x: hidden e ora posso scorrere di nuovo in verticale.

Answer 5

FWIW, stavo avendo un problema simile con la mia pagina web non scorrendo in Android 2.3. Ho usato la risposta di Gatsby con alcuni Javascript condizionali per risolvere il problema. Qui è il mio codice finale:

<meta name="viewport" content="width=device-width, initial-scale=1.00"/> 
<script type="text/javascript"> 
    window.onload=function(){ 
     var ua = navigator.userAgent; 
     if(ua.indexOf("Android")>=0){ 
      var androidversion=parseFloat(ua.slice(ua.indexOf("Android")+8)); 
      if(androidversion<=2.3){ 
       document.getElementsByName("viewport")[0].setAttribute("content","width=device-width, initial-scale=1.02"); 
      } 
     } 
    }; 
</script> 

Questa soluzione prima imposta il normale meta tag viewport che funziona alla grande con la maggior parte dei dispositivi, quindi utilizza JavaScript condizionale per rilevare la versione Android e modificare il contenuto meta tag per il valore "hacked" (fornito da Gatsby) che consente lo scorrimento su Android < = 2.3. Ciò impedisce lo scorrimento orizzontale non necessario per i dispositivi che non richiedono l'hack.