Bootstrap affix и overflow-y conflict

Question

Проблема, с которой я сейчас сталкиваюсь, включает в себя twitter bootstraps affix и css overflow-y.

ПОДРОБНО.Подробнее

я 41 пиксела самозагрузки Navbar прикреплена к верхней и нижней части (используется для заголовка/нижнего колонтитула).

div.container-fluid используется как основное содержание тела. Я использую position: absolute, чтобы разместить его между верхним и нижним колонтитулом, и у меня есть overflow-y: scroll, чтобы он прокручивал переполненный контент.

div.side-bar используется как боковая навигация в левой части страницы и вложен в div.span3. Я использую jquery для вызова аффикса на стороне nav.

Проблема

Когда я добавляю overflow-y: scroll к div.container-fluid я получаю скроллинг в нужном месте ... но аффикс не применяется (на основе действий)

Но когда я удалите overflow-y: scroll в целом, полоса прокрутки простирается на всю страницу (а не только на div.container-fluid), но применяется аффикс.

Вот две ссылки на один с переливной-й и один без перелива-у

Нет аффикс эффектаhttp://jsfiddle.net/VincentWilkie/YRxkU/

аффикс эффект с плохой прокруткойhttp://jsfiddle.net/VincentWilkie/cKJV2/

мне это нужно так что полоса прокрутки не распространяется на верхний и нижний колонтитулы :(

Спасибо за любую помощь!

Винсент Уилки

Answer 1

Вам просто нужно добавить data-spy="affix" к # царгами дел. Вот рабочий пример:

http://jsfiddle.net/skelly/YRxkU/2/

Answer 2

мне удалось выяснить, решение, которое работало для меня.

В итоге я использовал .affix ({offset: {x: 10, top: 20}}), чтобы правильно расположить его.

Я также удаляю переполнение.

Спасибо!