Прикрепленная боковая панель: прикрепляйтесь к низу при прокрутке вниз и вверху при прокрутке вверх. ⇐ Jquery

[Anonymous]

Некоторое время я искал решение моей проблемы с липкой боковой панелью. У меня есть конкретное представление о том, как бы я хотел, чтобы это действовало; по сути, я бы хотел, чтобы он прилипал к нижней части при прокрутке вниз, а затем, как только вы прокручиваете обратно вверх, я бы хотел, чтобы он прилипал к верху плавным движением (без прыжков). Я не могу найти пример того, чего я пытаюсь достичь, поэтому я создал изображение, которое, я надеюсь, проиллюстрирует эту мысль более четко:

• Боковая панель находится под заголовок.
• При прокрутке вниз боковая панель остается на одном уровне с содержимым страницы, так что вы можете прокручивать как боковую панель, так и контент.
• Достигая нижней части боковой панели, боковая панель прилипает к нижней части области просмотра (большинство плагинов позволяют прикрепляться только к верху, некоторые, которые допускают прилипание к низу, не допускают и того, и другого).
• Достигая низа, боковая панель находится над нижний колонтитул.
• При прокрутке вверх боковая панель остается на одном уровне с содержимым, поэтому вы можете снова прокручивать содержимое и боковую панель.
• Достигните верхней части боковой панели, боковая панель прилипнет к верхней части области просмотра.
• Достигните верхней части, и боковая панель окажется под заголовком.

Надеюсь, этой информации достаточно. Я создал jsfiddle для тестирования любых плагинов/скриптов, который я сбросил для этого вопроса: http://jsfiddle.net/jslucas/yr9gV/2/.

Подробнее здесь: https://stackoverflow.com/questions/183 ... rolling-up