2015-11-17 9 views
8

Ho verificato questo errore con iOS9 mobile safari iPhone6sPlus.bug di iOS9 mobile safari landscape css con posizione: fissa;

Non riesco a toccare l'elemento fisso quando la scheda Safari è visualizzata in modalità orizzontale. E posso toccarlo quando la scheda è nascosta.

  1. Mostra my demo su iOS9 mobile safari landscape.
    • riprodotto con successo solo con barra delle schede visibile,
  2. Scorrere verso il basso fino a quando la scheda era coperta.
  3. Toccare l'elemento fisso.
  4. Scorrere fino a visualizzare la scheda.
  5. Forse non puoi toccare l'elemento fisso.

Conosci questo errore?

Si prega di provare a toccare quando la scheda viene visualizzata sulla mia penna. http://s.codepen.io/geckotang/debug/yYZmoe

Questa è la schermata quando non riesco a toccare l'elemento.

landscape mode

E il mio amico ha registrato il bug su youtube

Inoltre questo è il mio codice.

<!DOCTYPE html> 
<html > 
<head> 
<meta charset="UTF-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<style> 
.fixed { 
    display: block; 
    position: fixed; 
    top: 0px; 
    right: 0px; 
    width: 100px; 
    height: 100px; 
    display: block; 
    width: 100px; 
    height: 100px; 
    background-color: tomato; 
} 
</style> 
</head> 
<body> 
    <a href="javascript: void(0);" class="fixed">link</a> 
    The quick brown fox jumps over the lazy dog.<br> 
    The quick brown fox jumps over the lazy dog.<br> 
    The quick brown fox jumps over the lazy dog.<br> 
    The quick brown fox jumps over the lazy dog.<br> 
    The quick brown fox jumps over the lazy dog.<br> 
    The quick brown fox jumps over the lazy dog.<br> 
    The quick brown fox jumps over the lazy dog.<br> 
    ... 
</body> 
</html> 
+0

Impossibile riprodurre in iOS Simulator 9.0 - iPhone 6s/iOS 9.0. –

+0

Davvero? Ho controllato iPhone 6sPlus/iOS9.1. Grazie per avermi insegnato. – GeckoTang

+1

Riprodotto con successo solo ** con ** tabulatore visibile, nessun'altra configurazione. Il punto di tocco è ottenere un offset verticale applicato quando si scorre con la barra delle linguette sullo schermo. Questo è sicuramente un bug di iOS e si dovrebbe archiviare un radar. Non c'è una soluzione ovvia, forse rimuovere e readd l'elemento quando lo scorrimento si interrompe? –

risposta

1

Sto eseguendo iOS 9.3.1 su un iPhone 6S Plus e vedo anche questo problema. Dopo aver sperimentato numerose soluzioni alternative al codice, non riesco a risolvere questo problema o a trovare una soluzione alternativa. Come detto sopra, si verifica solo quando la barra delle schede è visibile sul browser, non appena si scorre la pagina verso il basso e la barra delle schede scompare, il rendering funziona come previsto. Quando si scorre indietro fino alla parte superiore della pagina, l'area tattile viene spostata verso il basso in base alla quantità di pagina a cui si era precedentemente spostato verso il basso.

Per notare, ciò non influisce sul rendering visibile dell'elemento dello schermo in una posizione fissa, ma solo sull'area di tocco ad esso associata.

+1

grazie per aver verificato l'ultima versione di iOS. Il mio amico ha segnalato questo problema ad Apple. Tuttavia, non è stato risolto. – GeckoTang

+2

In realtà l'ho ristretto un po 'di più.Poiché la barra delle schede è visibile solo su 6 Plus o 6S Plus, questo problema non ha interessato nessun altro modello di telefono, tuttavia potrebbe influire su iPad che non ho ancora testato. Aggiungendo a ciò se qualcuno ha la barra delle schede disattivata nelle impostazioni dell'app Safari, non la vedranno. Condizioni molto strette: 6/6S Plus, modalità orizzontale, dopo che lo schermo è sceso verso il basso e la pagina di backup, solo quando la barra delle schede è visibile. –

+0

Voglio solo aggiungere al mix ... Posso confermare che questo problema esiste anche su un iPhone 6 standard (non più) con iOS 9.3.4. Il rendering visibile è corretto, l'area di tocco è sfalsata (errata). Problema piuttosto approssimativo, come ho anche provato tutti i tipi di trucchi per cercare di forzare un redraw, eventi di scorrimento del fuoco, ecc. Senza fortuna ancora. – bshow

Problemi correlati