Сделать плавающий div прокруткой вверх/вниз со страницей?

Question

У меня есть ваш стереотипный столбец с двумя колонками (1 контент, 1 боковая панель), в каждом столбце размещены противоположности и все такое. Но мне нужна моя боковая панель для прокрутки страницы. Мой первый инстинкт состоял в том, чтобы использовать position:fixed, не понимая, что это испортит мои поплавки. Поэтому я не совсем уверен, что делать. Я бы предпочел не абсолютную позицию двух столбцов, если я могу избежать этого. Этот сайт более или менее полностью закодирован, и я только узнал о необходимости того, чтобы боковая панель прокручивалась в последнем этапе процесса. Так что это своего рода PITA, чтобы делать слишком много.

Поэтому в основном я нужен способ, чтобы сделать плавали ДИВ действовать так, как будто она под аффекты position:fixed

Моя мысль была в идеале, может быть, JavaScript/JQuery решение, которое просто впивается в DIV и делает волшебство случиться? Но я открыт для решения CSS, если он быстрый/легкий.

Answer 1

Я предполагаю, что ваша проблема с созданием боковой панели position: fixed заключается в том, что она выводит ее из потока, поэтому основное содержимое перемещается влево под боковой панелью. Если это правильная интерпретация, а затем добавить margin-left к основному содержанию с той же ширины, как и на боковой панели и т.д .:

.sidebar { 
    position: fixed; 
    width: 200px; 
} 
.content { 
    margin-left: 200px; 
} 

только с двумя колоннами, нет никакой необходимости плавать основное содержание. Отрегулируйте по мере необходимости для вашей конкретной ситуации (например, единицы изменения до em или что-то еще).