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

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

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

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

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

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

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

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

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

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

UPDATE

Пожалуйста, посмотрите эту попытку @Darek Rossman

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

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

Спасибо

Ответы

#sidebar {
    width: 130px;
    height: auto;
    overflow: hidden;
    background: #ffffff;
    margin: 0 auto;
    clear: right;
    padding: 8px;
    background: #e5e5e5;
    border: 2px dashed red;
    position: fixed;
    right: 35px;
}