Использование twitter bootstrap scroll spy

Я пытался и пытался заставить шпиона прокрутки работать на моем загрузочном сайте, но я не могу заставить его работать. Проблема, с которой я сталкиваюсь, - прокрутка не имеет никакого эффекта, везде, где я прокручиваюсь. Вы можете видеть, что я делаю here.Использование twitter bootstrap scroll spy

Я выполнил все шаги, необходимые, т.е. ниже тело тега

<body data-spy="scroll" data-target="#top-fixed-nav">

и нав также есть:

  <ul class="nav" id="top-fixed-nav"> 
       <li> 
       <a href="#home">Home</a> 
       </li> 
       <li class=""> 
       <a href="#about">About</a> 
       </li> 
       <li class=""> 
       <a href="#howto">How to Use?</a> 
       </li> 
       <li class=""> 
       <a href="#contact">Contact</a> 
       </li> 
      </ul>

назвали scrollspy, а также.

$('#top-fixed-nav').scrollspy();

Может кто-нибудь, пожалуйста, взгляните и, пожалуйста, укажите, что я не замечаю и не делаю неправильно здесь.

источник

2013-07-28 Kamran Ahmed

Try '$ (» тело ') scrollspy();. ' – migg

Docs говорят:

Чтобы легко добавить scrollspy поведение вашей topbar навигации, добавить data-spy="scroll" к элементу вы хотите, чтобы шпионить (наиболее типично это будет <body>). Затем добавьте атрибут data-target с идентификатором или классом родительского элемента любого компонента Bootstrap .nav.

Код, который вы опубликовали, не работал, потому что вы шпионили на #top-fixed-nav (события прокрутки).

источник

2013-07-28 14:01:14 Mati

попробовать это: jsfiddle

если Scrollspy выделить последний элемент, вы можете добавить

высота: 100%

в HTML и тело тега

источник

2013-08-21 17:51:44

Использование twitter bootstrap scroll spy

ответ

Смежные вопросы