Boostrap sticky Navbar

Moderator: Sisko1990

Forum rules
Forumregeln
Nevol13
Joomla! Fledgling
Joomla! Fledgling
Posts: 2
Joined: Fri Jan 29, 2016 2:25 pm

Boostrap sticky Navbar

Postby Nevol13 » Fri Jan 29, 2016 2:29 pm

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.

User avatar
sudo-web
Joomla! Ace
Joomla! Ace
Posts: 1325
Joined: Fri Jan 22, 2016 7:10 pm
Location: Vienna - Austria
Contact:

Re: Boostrap sticky Navbar

Postby sudo-web » Fri Jan 29, 2016 3:19 pm

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
Visit me on my Webdesign Webpage: https://www.posit.at

Nevol13
Joomla! Fledgling
Joomla! Fledgling
Posts: 2
Joined: Fri Jan 29, 2016 2:25 pm

Re: Boostrap sticky Navbar

Postby Nevol13 » Fri Jan 29, 2016 3:24 pm

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


Return to “Template, CSS und Designfragen”

Who is online

Users browsing this forum: No registered users and 2 guests