Center Aufstellung der modalen Verwendung von festen: wie auch vertikal scrollen?

Habe ich ein modales Fenster, die möchte ich zentrieren relativ zu dem Lesegerät seine position auf der Seite. Der beste Weg, dies zu erreichen, scheint mit der position fest/top-50% fix:

.fixed {
    position:fixed;
    width:100px;
    height:100px;
    top:50%;
    left:50%;
    margin-left:-50px;
    margin-top:-50px;
}

So weit so gut, das modal öffnet sich im genauen Zentrum. Siehe jsfiddle hier:
http://jsfiddle.net/cbqN2/

Aber ich möchte, dass meine Benutzer in der Lage sein, um einen Bildlauf des modal, wenn der Inhalt zu lang für Ihren Bildschirm:
http://jsfiddle.net/xwhMa/1

Irgendeiner Weise um dies zu erreichen, durch die Verschachtelung von divs mit unterschiedlichen Positionen oder JQuery als letzter Ausweg?

Es ist sicherlich möglich, aber es wird definitiv müssen JavaScript (und daher solltest du jQuery verwenden).

InformationsquelleAutor Ila | 2012-08-02

  1. 4

    Ich bin mir nicht ganz sicher, ob dies ist, was Sie Fragen, aber versuchen Sie dies:

    ul li {font-size:23px}
.fixed {
    width:200px;
    height:200px;
    background:red;
    position:fixed;
    top:50%;
    left:50%;
    margin-top:-100px;
    margin-left:-100px;
    **overflow-y:scroll**
}

    InformationsquelleAutor Jeff

  2. 1

    Würde das nicht funktionieren?

    http://jsfiddle.net/demchak_alex/cbqN2/3/

    dass Ihr modal ein container, der Inhalt und die clips, die es auf eine Feste Höhe? dann kann der Benutzer einen Bildlauf in der modal, anstatt sich Gedanken über eine jQuery Lösung zu scrollen, die außerhalb des modal, bis es auf den Boden, dann auf den Boden kleben, etc. etc.

    InformationsquelleAutor Xhynk

  3. 0

    Es ist gerade eine Besonderheit der position: fixed 🙂 die ist gut.., auf immer befestigt bleiben auf dem Bildschirm. Wenn Sie wollen, dass es erscheinen in der Mitte, sondern bewegen sich, wenn ein Benutzer scrollt die Seite einfach verwenden position: absolute; nicht fixed. Etwa so: http://jsfiddle.net/skip405/cbqN2/2/

    Ja, aber es ist ein Weg, um einen absolut positionierten div-erscheinen "relativ", um den Teil der Seite, die derzeit im Fokus? Zur Beantwortung meiner eigenen Frage: ich denke, ich hätte die absolute Positionierung Werte produziert, die über JQuery, und der Benutzer wäre immer noch in der Lage, um zu Blättern. Werde versuchen, dass.

    InformationsquelleAutor skip405

Schreibe einen Kommentar