Come progettare un CSS per la finestra di dialogo di conferma mobile centrata sulla parte visibile di una pagina?

StackOverflow https://stackoverflow.com/questions/1205590

  •  05-07-2019
  •  | 
  •  

Domanda

Ho già chiesto a più generale domanda, con un'ottima risposta.

Tuttavia, voglio un popup mobile centrato più complicato:

Se la mia pagina è alta 1000px e sto visualizzando solo la parte superiore, non desidero che il popup compaia a 500px, ma piuttosto al centro della parte visibile dello schermo.

Esiste un modo per accedere alla parte visibile della pagina nei CSS?

Grazie

È stato utile?

Soluzione

dovresti usare CSS (margin: 0 auto;) per il centraggio orizzontale e javascript (altezza viewport) per quello verticale.

controlla questo esempio: http://www.alistapart.com/d/footers/footer_variation1.html

Altri suggerimenti

Potresti dare al popup mobile il css ... 

position: fixed;

Una volta che vai che puoi semplicemente assegnargli i parametri 'top' e 'left' come faresti con elementi assolutamente posizionati.

Una volta posizionato, indipendentemente da dove scorri, rimarrà dove gli hai detto in relazione alla finestra del browser reale.

L'unico problema è che le posizioni fisse non funzionano così bene in IE6, invece di posizionarsi sopra tutto come dovrebbe, gli elementi che hanno una posizione fissa tendono ad agire solo come contenuto statico.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top