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

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

Сообщение Anonymous »

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

Изображение

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

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

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

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