Boostrap 3 Affix Sidebar не работает правильно

Question

Я попытался следить за this tutorial, чтобы создать аффикс для моего сайта, но есть несколько вещей, которые отключены, и мне трудно понять, почему.

1. При прокрутке, ширина изменяется ул незначительно, от 165-166px
2. После прокрутки вниз, аффикс не остается на вершине, но остается фиксированным в нижней части страницы
3. The исследования Ли иногда не получает подчеркнуто на всех

Вот мой код: JSBin

Что я делаю неправильно?

Answer 1

Из бутстраповских документов:

Аффикса плагина переключает между тремя классами, каждый из которых представляет собой определенное состояние: .affix, .affix-top и .affix-bottom. Вы, , должны сами создавать стили для этих классов (независимо от этого плагина) для обработки фактических позиций.

Это должно исправить ваши проблемы с помощью 1 и 2. С номером проблемы 3, если вы прокрутите слишком быстро, он пропустит его, потому что он близок к следующему якорю по сравнению с высотой страницы. Вы можете увеличить интервал или добавить больше контента.