Wie ein CSS-Design für auf dem sichtbaren Teil einer Seite zentriert Bestätigungsdialog Floating?

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

  •  05-07-2019
  •  | 
  •  

Frage

Ich fragte bereits eine allgemeinere Frage, mit einer großen Antwort.

Ich möchte jedoch ein kniffliges zentrierte Floating: Pop-up

Wenn meine Seite ist 1000px hoch, und ich sehe nur den oberen Teil davon, ich mag nicht das Popup auf 500px Pop, sondern in der Mitte des sichtbaren Teils des Bildschirms.

Gibt es eine Möglichkeit, den sichtbaren Teil der Seite in CSS zugreifen?

Danke

War es hilfreich?

Lösung

Sie sollten mit CSS (margin: 0 auto;) für die horizontale Zentrierung und Javascript (Darstellungshöhe) für die vertikalen

.

lesen Sie in diesem Beispiel: http://www.alistapart.com/d/footers/footer_variation1.html

Andere Tipps

Sie könnten dem Floating-Popup die CSS geben ... 

position: fixed;

Wenn Sie gehen, dass Sie nur geben kann ‚oben‘ und ‚links‘ Parameter wie würden Sie mit absolut positionierten Elemente.

Sobald sie positioniert ist, egal wo Sie es scrollt bleiben, wo Sie es in Bezug auf die tatsächlichen Browser-Fenster erzählt.

Das einzige Problem ist, dass feste Positionen arbeiten nicht so gut in IE6, statt Positionierung auf alles, wie es sollte, Elemente, die eine feste Position haben neigen dazu, nur zu handeln, wie statische Inhalte.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top