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

Программирование на jquery
Anonymous
Прикрепленная боковая панель: прикрепляйтесь к низу при прокрутке вниз и вверху при прокрутке вверх.

Сообщение Anonymous »

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

Изображение

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

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

Вернуться в «Jquery»