расположение жидкости и фиксированное положение

Question

У меня возникла проблема с жидкостной компоновкой, выполненной с использованием бутстрапа и фиксированного элемента, созданного плагином для ботинка аффикса.

То, что я хотел бы достичь, представляет собой сложный вид, например, на планшетах Android, где вы оставили список элементов, и когда вы нажимаете на него, вы видите детали этого элемента с правой стороны.

Моя проблема заключается в том, что как только плагин присоединяет класс affix к правой стороне, он берется «из» страницы, а ширина странная. Класс affix делает элемент равным position: fixed. И это делает ширину больше не относительной относительно родителя, а документа.

Я сделал ручку моего упрощенного теста. Вам нужно прокрутить, чтобы увидеть эффект. http://codepen.io/anon/pen/zDieo

Большое спасибо за ваше время

Answer 1

Быстрое исправление будет добавить к вашей CSS

.affix , .affix-top { 

width: 800px; 
} 

Модифицированный код: http://codepen.io/anon/pen/gBHca

Answer 2

Попробуйте - codepen

И прочитайте это - question