2015-11-26 5 views
0

Может ли кто-нибудь сказать мне, как scrollspy работает в bootstrap v4?BootstrapV4 и scrollspy

В моей навигационной панели

<a data-toggle="collapse" href="#getLogin" aria-expanded="false" aria-controls="getLogin"></a> 

По содержанию

<div id="getLogin" class="hiddenGetPanel"> 
    <div class="col-lg-3 col-lg-push-9 m-t-lg"> 
    <div class="FormPanel"> 
     <div class="FormPanel-head">Login</div> 
    </div> 
    </div> 
</div> 

Что я ищу делать: Нажмите на <a> и выделите #getLogin. Очень важно, что #getLogin покажет, когда я использую тег <a>.

+0

где в Javascript для Scrollspy? –

+0

@ Lucky Chingi Через атрибуты данных или через javascript http://v4-alpha.getbootstrap.com/components/scrollspy/#usage –

+0

Привет, я пошел вперед и сделал английский более понятным, а также немного улучшил отступ вашего кода. Кроме того, когда вы ссылаетесь на код или классы/идентификаторы в своем сообщении, вы можете использовать обратные тики (обычно в верхнем левом углу клавиатуры на том же ключе, что и тильда ~) ', чтобы окружать слово или слова, чтобы они автоматически подсвечивались' когда вы публикуете сообщение. Это позволяет легко следить, когда вы ссылаетесь на фрагменты кода. Дополнительную информацию см. В разделе редактирования: http://stackoverflow.com/editing-help –

ответ

0

удалить HREF = "# getLogin" и использование данных целевых = "# getLogin" вместо этого

посмотреть пример здесь http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_scrollspy2&stacked=h

+0

Не работает @Shiv Baran Singh Это для Bootstrap v3. Я пробовал, но не работает –

+0

Смотрите это http://jsfiddle.net/mtjhax/q4p5r/1/ Я надеюсь, что это поможет вам больше – spyshiv

+0

звучит хорошо, но не прокручивается. проверить связь - это работает Но моя оленья кожа