jQuery - DIV для перемещения с помощью прокрутки и закрепления положения вверху и внизу окна

Возможно, уже существует плагин jQuery, который может достичь этого, но я не могу найти тот, который делал бы именно то, что мне нужно. Если есть, просто укажите мне на учебник, спасибо.

Моя проблема заключается в том, что у меня очень длинное содержимое страницы, и моя боковая панель не отображается, когда вы прокручиваете страницу в нижней части страницы.

Поэтому я хотел бы, чтобы мой div #sidebar оставался в верхней и нижней части окна браузера при прокрутке страницы вверх и вниз.

Высота моей боковой панели больше, чем ваше обычное разрешение экрана, поэтому мне нужно, чтобы нижняя часть боковой панели прилипала к нижней части окна браузера, а также к верхней части браузера.

Итак, когда вы начинаете прокручивать вниз, боковая панель будет прокручиваться как обычно, но когда вы дойдете до конца, боковая панель застрянет и не будет прокручиваться, а когда вы начнете прокручивать вверх, боковая панель будет перемещаться до самого верха. боковой панели доходит до браузера, а затем закрепляется. Наоборот.

Возможно ли это?

Я создал jsfiddle простого макета дизайна, который является центральным. Я добавил пунктирную границу к боковой панели, так что теперь вы видите, где должна прилипать боковая панель.

http://jsfiddle.net/motocomdigital/7ey9g/5/

Любой совет, или, если вы знаете, онлайн-учебник или демонстрация, были бы просто потрясающими!

ОБНОВЛЕНИЕ

См. Эту попытку @Darek Rossman

http: // jsfiddle.net / dKDJz / 4 /

У него основная идея работает. Но прокрутка вверх приводит к тому, что он привязывается к вершине. Мне нужно, чтобы боковая панель была плавной при прокрутке вверх / вниз. Но придерживаюсь либо верхней, либо нижней части окна. Он также не должен фиксироваться, когда верхний / нижний колонтитулы находятся в области просмотра, чтобы он не перекрывался.

Спасибо