Sir Quicksand: Fixierte Navigation zerschießt document.body.scrollTop

Hallo Leute,

grundsätzlich funktioniert das Beispiel aus:
D:\Internet\selfhtml81\css\layouts\anzeige\fixiert_ie.htm

Jedoch möchte ich weiterhin kleine Infofenster (werden mittels JavaScript visible geschaltet) innerhalb des <div id="Scrollbereich"> Bereiches anzeigen. Diese Infofenster werden angezeigt, sobald jemand auf ein Info Symbol klickt.

Da man scrollen kann, wurden die Position der Infofenster dynamisch mittels document.body.scrollTop ermittelt. Dies geht jetzt nicht mehr. Da document.body.scrollTop immer 0 ergibt.

Hat jemand eine Lösung?

  1. hi,

    grundsätzlich funktioniert das Beispiel aus:
    D:\Internet\selfhtml81\css\layouts\anzeige\fixiert_ie.htm

    hm, isch 'habe gar kein D:\

    du meinst http://de.selfhtml.org/css/layouts/anzeige/fixiert_ie.htm?
    ;-)

    Da man scrollen kann, wurden die Position der Infofenster dynamisch mittels document.body.scrollTop ermittelt. Dies geht jetzt nicht mehr. Da document.body.scrollTop immer 0 ergibt.

    ja, was solche javascript-eigenschaften angeht, gibt es diverse unterschiede zwischen den browsern, als auch zwischen den verschiedenen render-modi (quirks vs. compliant).
    http://www.quirksmode.org/viewport/compatibility.html könnte weiterhelfen.

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
    1. Hi Wahsaga,

      ich habe noch bißchen rumgeforscht:

      1. durch document.body.scrollTop frage ich ja ab, ob der Body gescrollt wird.
      2. durch
         @media screen {
          html, body {
            height: 100%; overflow-y: auto;
          }
         wird ja genau gerade das scrollen vom Body vermieden!!!!
      3. es wird nur #Scrollbereich gescrollt.

      Also kann ich nur 0 rausbekommen.

      Wie komme ich jetzt an den Scrollbereich ran und erfahre wie weit innerhalb des Scrollbereich gescrollt wurde?

      1. hi,

        1. durch document.body.scrollTop frage ich ja ab, ob der Body gescrollt wird.
        2. durch
             @media screen {
              html, body {
                height: 100%; overflow-y: auto;
              }
             wird ja genau gerade das scrollen vom Body vermieden!!!!

        stimmt, eigentlich logisch.

        1. es wird nur #Scrollbereich gescrollt.
          [...]
          Wie komme ich jetzt an den Scrollbereich ran und erfahre wie weit innerhalb des Scrollbereich gescrollt wurde?

        ist mir nicht bekannt, ob es scrollTop oder eine alternative auch für overflow-container gibt.

        gruß,
        wahsaga

        --
        /voodoo.css:
        #GeorgeWBush { position:absolute; bottom:-6ft; }