easyway navbar bootstrap

Question

J'ai commencé à utiliser Bootstrap. En ce moment je cherche une barre de navigation dans bootstrap here. Le côté barre de navigation HTML et JavaScript J'ai essayé de prendre (la barre de navigation latérale fixe voir dans le lien pas l'exemple dans le lien)

le code:

<ul><li>first menu</li> 
<ul><li>sub menu<li> 
<li>sub menu 2</li> 
<ul> 
<ul> 

Mais on ne sait pas en JavaScript. Comment ouvrir et sélectionner l'élément actif quand il fait défiler et le design?

Je cherche des logiciels libres ou un projet comme jqueryui.

Answer 1

Si vous cherchez à ajouter la barre latérale fixe comme bootstrap utilise pour leurs documents, comme indiqué ici http://getbootstrap.com/javascript/#affix, essayez ceci:

Ajouter id="foo" data-spy="affix" data-offset-top="100" data-offset-bottom="10" au <div> ou <ul> vous voulez verrouiller en place sur parchemin.

et ajoutez le javascript en bas de votre page:

<script type="text/javascript"> 
$('#foo').affix({ 
    offset: { 
     top: 100 
    , bottom: function() { 
     return (this.bottom = $('.footer').outerHeight(true)) 
     } 
    } 
    }) 
</script> 

De là, vous aurez envie de régler la hauteur à laquelle vous voulez verrouiller en ajustant les éléments « top ».

Par exemple:

<div id="foo" data-spy="affix" data-offset-top="100" data-offset-bottom="10"> 
    <!-- everything in here is be fixed to top --> 
</div> 

<script type="text/javascript"> 
    $('#foo').affix({ 
    offset: { 
     top: 100 
     , bottom: function() { 
      return (this.bottom = $('.footer').outerHeight(true)) 
     } 
    } 
    }) 
</script> 

Pour votre information, je suggère un titre plus nouveau pour votre poste, peut-être "navigation fixe/collant avec bootstrap." au lieu de "easyway navbar bootstrap" (juste mon avis)