простой способ navbar bootstrap

Question

Я начал использовать Bootstrap. Прямо сейчас я ищу навигационную панель в загрузочном блоке here. Сторона Navbar HTML и JavaScript Я попытался взять (неподвижная сторона Navbar увидеть его в ссылке а не, например, в ссылке)

код:

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

Но это не ясно, в JavaScript. Как открыть и выбрать активный элемент, когда он прокручивает и дизайн?

Я ищу несколько открытых исходников или проектов, таких как jqueryui.

Answer 1

Если вы хотите добавить неподвижную боковую панель, как загрузчик использует для их документы, как отмечено здесь http://getbootstrap.com/javascript/#affix, попробуйте следующее:

id="foo" data-spy="affix" data-offset-top="100" data-offset-bottom="10" Добавить в <div> или <ul> вы хотите, чтобы зафиксировать на месте на свитке.

и добавить JavaScript в нижней части страницы:

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

Оттуда, вы хотите, чтобы настроить высоту, на которой вы хотите его заблокировать, регулируя «верхние» элементы.

Например:

<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> 

FYI, я бы предложил более новое название для вашего поста, возможно, «Фиксированный/липкой навигацию с начальной загрузкой.» вместо того, чтобы «простой способ набережной загрузки» (только мое мнение)