Boostrap sticky Navbar

[Nevol13]

Hallo liebe Leute.
Ich möchte ein kleines Responsive Webseiten Template für Joomla 3.4.8 aufbauen.
Der Header mit einem Bild slider funktioniert schon, es fehlt jetzt das Menü.
Ich habe als Menü das Bootstrap nav Menü genommen. Hier der Code:

Code: Select all

 
<nav id ="nav">
 <div class="navbar navbar-default navbar-static">
     <div class="container">
          <div class="navbar-header">
               <button type="button" data-target="#navbarCollapse" data-toggle="collapse" class="navbar-toggle">
                  <span class="sr-only"> Navigation</span>
                  <span class="icon-bar"></span>
                   <span class="icon-bar"></span>
                   <span class="icon-bar"></span>
                   </button>
                 </div><!--navbar-header-->
               </div><!--container--> 
            </div><!--navbar navbar-default navbar-static-->
      <div id="navbarCollapse" class="collapse navbar-collapse">
        <jdoc:include type="modules" name="menu" style=xhtml/> <--Joomla Menü Modul-->
    </div> <!-- navbar collapse-->
</nav><!--nav-->

Nun zu meiner frage. Wie kann ich das Menü sticky machen? Also so, dass das Menü beim runterscrollen, ab einem bestimmten Punkt, z.B. dem Ende des Headers, anfängt kleben zu bleiben. Ich habe dieses schon so probiert: http://www.bootply.com/69848

Aber bei mir funktioniert das nie richtig. Kann mir jemand eventuell helfen?
Danke im Voraus.

[sudo-web]

Der Ansatz ist richtig. Die Frage ist verwendest du das Bootstrap das mit Joomla! mitkommt?
Joomla! verwendet (leider) noch die Version 2.3.2 und nicht Bootstrap 3.x
http://getbootstrap.com/2.3.2
Dort findest du auch die Anleitung für die affix Funktion

[Nevol13]

Ich benutze nicht das Bootstrap was bei Joomla mit kommt, ich habe Bootstrap 3 runtergeladen und local eingebunden.
Alles funktioniert damit (slider etc.) Aber das Menü nicht richtig.
Danke nochmal für die schnelle Antwort.


MFG Nevol