DIV Bereich soll mitscrollen

[streamilein]

Hallo,

ich habe mir ein Joomla Template gebastelt.

Dieses hat ein DIV Bereich für den gesamten Inhalt.

In diesem DIV widerrum sind zwei DIV´s enthalten.

Im ersten Template sind mehrere DIV´s für die Navigation und Logo usw.
Im zweiten Template ist dann ein DIV für den Inhalt.

Ich hätte nun gerne das dass erste Template wo sich die DIV´s für die Navigation usw. befinden mitscrollt, so dass man es immer sieht, wenn man im Content nach unten scrollen muss.

Geht das? Wenn ja wie?

[ChrisB]

Hi,

Ich hätte nun gerne das dass erste Template wo sich die DIV´s für die Navigation usw. befinden mitscrollt, so dass man es immer sieht, wenn man im Content nach unten scrollen muss.

Also moechtest du, dass es *nicht* mitscrollt.

Geht das? Wenn ja wie?

Stichwort position:fixed.
http://de.selfhtml.org/css/layouts/fixbereiche.htm

MfG ChrisB

[derolli]

Meinst du sowas?

[streamilein]

Meinst du sowas?

Ja sowas mein ich. Wie geht so etwas?

[derolli]

Schau doch mal in den Quellcode, ist eigentlich gar nicht so kompliziert.

Du brauchst die jquery.js, die ui.core.js sowie die jquery.scroll-follow.js. Diese drei Javascripts bindest du in deine Seite ein.

Ebenfalls in den head-Bereich kommt die Initialisierung des Scripts:

  
    <script type="text/javascript">  
     $( document ).ready( function ()  
   {  
    $( '#deineDIVid' ).scrollFollow(  
     {  
      speed: 1000,  
      offset: 60  
     }  
    );  
   }  
  );  
    </script>  

Wie du siehst, muss der Container, der mitscrollen soll, die ID #deineDIVid haben (kannst du natürlich nach Belieben umändern - wichtig ist nur, dass die ID im Javascript mit der im Dokument übereinstimmt, damit das DIV auch angesprochen werden kann). Wichtig: Der Container muss mittels position: relative positioniert sein!

Achtung: Das ist eine Javascript-Lösung (realisiert mit dem Framework jQuery) und ist vielleicht nicht die saubere Lösung nur mit CSS, die du suchst!