[JavaScript] Div-Layer einblenden und mitscrollen lassen

Dieses Thema im Forum "Webentwicklung" wurde erstellt von LTJ, 14. September 2010 .

  1. 14. September 2010
    Div-Layer einblenden und mitscrollen lassen

    Hi Leute,

    Ich bräuchte mal Hilfe bei einem aktuellen Problem. Ich will auf einer Homepage per Mouseclick einen div-layer einblenden lassen. Gleichzeitig soll sich der Background, also die normale Seite absoften.

    Realisiert habe ich das ganze mit z-index und der css-eigenschaft visibility die jenachdem zwischen hidden und visible geändert wird. Soweit so gut...

    Mein problem ist, das das eingeblendete div beim scrollen aus dem Bild veschwindet... es soll aber immer gecentert bleiben beim scrollen. Habs schon mit position:fixed; probiert aber dann wird das div gar nicht mehr angezeigt.

    Auf dieser Seite ist das so realisiert wie ichs haben möchte (Oben rechts im Mainmenü auf "Contact us" Klicken). Hat jemand ne idee oder einen Link für ein Beispielscript für mich?

    So long
    LTJ
     
  2. 14. September 2010
    AW: Div-Layer einblenden und mitscrollen lassen

    das geht mit position:fixed; oder nem event-listener auf window.onscroll

    aber mit fixed sollte das ohne probleme funktionieren, vermutlich hast nen schreibfehler drinnen oder dein script funtioniert nicht wie es soll.

    poste mal dein script.
     
  3. 14. September 2010
    AW: Div-Layer einblenden und mitscrollen lassen

    Hallo Murdoc,

    Also das Script ist sehr lang und ich schaff das jetzt nich, alles aufs wesentliche zu reduzieren.

    Hab jetzt ne Menge rumprobiert und es läuft darauf hinaus, das der layer eingeblendet wird sich aber NICHT scrollen lässt wenn der entsprechende Layer die Eigenschaften hat:

    <div id="validinfo" style="visibility:hidden; position:absolute; top:50%; left:50%; margin-top:-100px; margin-left:-140px; z-index:2;">

    Mit...

    <div id="validinfo" style="visibility:hidden; position:fixed; top:50%; left:50%; margin-top:-100px; margin-left:-140px; z-index:2;">

    ...scrollte der Layer wie gewünscht mit (habs mit visible getestet) aber er lässt sich nicht mit javascript einblenden. Außerdem erscheint bei scrollen hinter dem hiddem-div so eine art Störung bzw. Verzerrung des Hintergrunds der gar nicht geht... ^^


    Mein javascript macht im Prinzip das hier:

    function info_fenster(msg) {

    document.getElementById('validinfo').style.visibility = 'visible';
    document.getElementById('validinfo_text').innerHTML = msg;

    return;
    }


    Haste da ne Idee?

    MFG
    LTJ
     
  4. 14. September 2010
    AW: Div-Layer einblenden und mitscrollen lassen

    du muss die eigenschaft "display" verwenden, dann geht die verzerrung weg.


    display: none;
    display: block;
     
  5. 14. September 2010
    AW: Div-Layer einblenden und mitscrollen lassen

    Alles klar... hast recht Display löst das Problem mit den Störungen..
    THX!

    Noch eine Idee warum das Einblenden nicht mehr geht, wenn ich von absolute auf fixed umstelle?
    Wenn nicht Danke für die Mühe auf jedenfall

    LTJ
     
  6. 14. September 2010
    AW: Div-Layer einblenden und mitscrollen lassen

    Ich hoffe nicht das du den IE6 benutzt, aber guck dir das mal an:
    Position Fixed IE6
     
  7. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.