Detlef G.: [nicht nur] für Struppi!

Beitrag lesen

Hallo Patrick

Gäbe es eine einfache (und rucklose) Möglichkeit, eine minimierte Eibox am unteren Ende des Viewports zu "fixieren", so dass sie nicht mehr mitscrollt? Den Wert "fixed" lässt sich anscheinend nicht dynamisch setzen, Versuche führten dazu, dass die Boxen ins Nirvana verschwanden ;)

Das ist mir nicht bekannt.
Also eine kleine Testseite mit folgendem Javascript:

  
 MyStyle=document.getElementById("setzer").style;  
 MyStyle.position="fixed";  
 MyStyle.left="0";  
 MyStyle.bottom="0";  

Funktioniert wunderbar, "setzer" wird sauber am unteren Rand im Viewport positioniert.
OK, vielleicht funktionierts nicht mit "top", nächster Test, tauschen wir mal die letzte Zeile aus:

  
 MyStyle.top=self.innerHeight-50+"px";  

Funktioniert wunderbar, "setzer" wird mit seiner Oberkante sauber 50px über dem unteren Viewportrand positioniert.

Also mal nachsehen, warum es bei dir nicht geklappt hat:

  
    obs.top = dcde.scrollTop+self.innerHeight-29+"px";  
         dc.getElementById(name).style.position = "fixed";  

Damit dürfte es um die Scrollposition zu weit nach unten geschossen werden.

Eine einfache Möglichkeit für den IE wäre:

  
 dcde.onscroll= function () {  
  obs.top=dcde.scrollTop+dcde.clientHeight-29+"px";  
 }  

Das geht aber nicht ganz ohne Ruckeln ab.
Eine etwas kompliziertere Möglichkeit wäre, die Eibox auszublenden, wenn gescrollt wird, und danach wieder einzublenden.

Noch ein paar kleine Anmerkungen:

Wenn der Eibox-Link zu weit oben im Browserfenster steht, erscheint diese oben abgeschnitten. Ich fände es besser, wenn die Titelleiste der Eibox beim Einblenden immer innerhalb des Fensters wäre.

Bein Draggen nach unten wird das Dokument immer länger, mir fällt allerdings keine gute Möglichkeit ein, wie dies unterbunden werden könnte.

Das Markieren im Opera spinnt bei mir (Opera 8.54 unter W98) total. Wenn ich versuche den Text in der Box zu markieren, sprigt die Markierung wild zwichen dem Text in der Box und dem auf der Seite hin und her.

Auf Wiederlesen
Detlef

--
- Wissen ist gut
- Können ist besser
- aber das Beste und Interessanteste ist der Weg dahin!
1 50

[nicht nur] für Struppi!

Patrick Andrieu
  • javascript
  1. 0
    Patrick Andrieu
    1. 0
      Struppi
      1. 0
        Patrick Andrieu
      2. 0
        Patrick Andrieu
        1. 0
          Struppi
          1. 0
            Patrick Andrieu
            1. 0
              Patrick Andrieu
              1. 0
                Mathias Brodala
                1. 0
                  Patrick Andrieu
                  1. 0
                    Mathias Brodala
                2. 0
                  Patrick Andrieu
  2. 0

    iBox^W Eibox

    Mathias Brodala
    1. 0
      Patrick Andrieu
      1. 0
        Mathias Brodala
        1. 0
          Patrick Andrieu
          1. 0
            Mathias Brodala
            1. 0
              Patrick Andrieu
        2. 0
          Detlef G.
  3. 0
    Detlef G.
    1. 0
      Patrick Andrieu
      1. 0
        Detlef G.
        1. 0
          Patrick Andrieu
          1. 0
            Patrick Andrieu
          2. 0
            Patrick Andrieu
          3. 0
            Detlef G.
            1. 0
              Patrick Andrieu
              1. 0
                Patrick Andrieu
                1. 0

                  Eibox, die 7.!

                  Patrick Andrieu
                  1. 0
                    Patrick Andrieu
                  2. 0
                    Patrick Andrieu
                    1. 0
                      Detlef G.
                    2. 0
                      Detlef G.
                      1. 0
                        Patrick Andrieu
                        1. 0
                          Detlef G.
                          1. 0
                            Patrick Andrieu
                            1. 0
                              Struppi
                              1. 0
                                Patrick Andrieu
                                1. 0
                                  Struppi
                            2. 0
                              Patrick Andrieu
                            3. 0
                              Detlef G.
                              1. 0
                                Patrick Andrieu
                                1. 0
                                  Detlef G.
                            4. 0
                              Patrick Andrieu
                              1. 0
                                Detlef G.
                                1. 0
                                  Patrick Andrieu
                                  1. 0
                                    Detlef G.
                                    1. 0
                                      Patrick Andrieu
  4. 0
    Detlef G.
    1. 0
      Patrick Andrieu