Как создать липкое меню левой боковой панели с помощью бутстрапа 3?

Я хочу создать левое липкое меню с бутстрапом 3, например:

http://getbootstrap.com/getting-started/

Я бы прочитал данную документацию http://getbootstrap.com/javascript/#affix

Я пытаюсь использовать .affix, но результат равен нулю.

Обновить: @Skelly,
Спасибо за ваш добрый пример. и да, я хочу, как ваш пример. Я бы загрузил ваш пример html, но после загрузки боковой панели html файла там не работало.

Ответы

Ответ 1

Вот пример рабочей левой боковой панели:

http://bootply.com/90936 (аналогично документам Bootstrap)

Трюк использует компонент affix вместе с некоторым CSS для его размещения:

  #sidebar.affix-top {
    position: static;
    margin-top:30px;
    width:228px;
  }

  #sidebar.affix {
    position: fixed;
    top:70px;
    width:228px;
  }

РЕДАКТИРОВАТЬ Другой пример с нижним колонтитулом и нижним листом

Ответ 2

Вы также можете попробовать использовать Polyfill как Fixed-Sticky. Особенно, когда вы используете Bootstrap4, компонент affix больше не включен:

Отбросил плагин Affix jQuery. Мы рекомендуем использовать позицию: липкая Polyfill.

Ответ 3

Я использовал этот способ в своем коде

$(function(){
    $('.block').affix();
})