Каков минимальный код, чтобы сделать боковую панель Bootroll в ScrollSpy, например, примером?

Я видел пример ScrollSpy левой руки на странице начальной загрузки:

http://twitter.github.io/bootstrap/2.3.2/javascript.html#scrollspy

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

Update

Я прекратил использование scrollspy в своих проектах, поскольку полоса прокрутки работает только на уровне страницы, и мне нужна полоса прокрутки только для отображения в контейнере, где выполняется прокрутка

Ответ 1

Посмотрите, помогает ли это: http://jsfiddle.net/panchroma/rWYQu/

В теге body добавьте <body data-spy="scroll" data-target="#side-nav">
(см. скрипт слева).
Оберните боковую навигационную панель в div с этим же идентификатором целевой цели: <div id="side-nav" >
Вероятно, вы захотите добавить класс аффикс к вашему боковому nav, чтобы он оставался на месте: <ul class="nav nav-pills affix">
Добавьте уникальный идентификатор к каждой из ссылок в боковой панели: например <li><a href="#one">One</a></li>
В основной части страницы добавьте разделы с идентификаторами, которые соответствуют ссылкам в боковой панели: например <section id="one"> Section 1 </section>

Что это!

ИЗМЕНИТЬ

Как мне получить стиль, например, пример Bootstrap на вашем сайте?

Здесь вариант, если вы хотите, чтобы stying похож на страницу начальной загрузки
http://jsfiddle.net/panchroma/ExWDq/

Вы увидите, что я изменил классы в навигационном списке ul, чтобы лучше использовать некоторые встроенные стили Bootstap, я добавил шевроны к ссылкам меню и добавил стилистические и медиа-запросы для навигационного списка.

Ответ 2

Проведя некоторые исследования использования sidenav scrollspy, я нашел хороший учебник по кодированию всего

Весь источник можно найти на github