Липкая боковая панель между верхним и нижним колонтитулом

Question

Итак, у меня есть липкая боковая панель, которая вызывает сильную головную боль. Проблема возникает, когда .side-bar-wrapper больше по высоте, чем .content, .content содержит div, которые могут быть расширены, чтобы показать больше контента - когда они расширены .content сейчас выше, чем .side-bar-wrapper я хочу .side-bar-wrapper будет исправлено при прокрутке контента вниз.

Однако я только хочу, чтобы у него была максимальная прокрутка до нижнего колонтитула. Я собрал https://jsfiddle.net/0s8a038L/3/ чтобы, надеюсь, объяснить проблему, с которой я столкнулся, намного лучше, чем то, что я описал выше.

Answer 1

Наконец-то все получилось. Из-за того, что основное содержимое было переменной высотой, зависящей от того, что было загружено на страницу, мне нужно только реализовать правило, чтобы увидеть, была ли высота боковой панели больше основного содержимого; если бы это было так, я бы снял фиксированное положение боковой панели и переместил ее "как обычно".