Я хотел бы создать несколько двух липких заголовков, как на этом веб-сайте: http://www.trendyol.com/Kappa/ButikDetay/8690 При прокрутке вниз первый заголовок объединяется со вторым закрепленным элементом. После этого они оба вместе спускаются вниз. Как мне это сделать? Спасибо за предварительную поддержку!
Липкий заголовок с jquery
Ответы (2)
Способ, которым это достигается, довольно прост. Вы проверяете позицию прокрутки, и если она ниже определенного числа, вы отображаете элемент фиксированной позиции вверху (и скрываете, когда позиция прокрутки резервируется).
При этом есть отличный плагин, который может помочь: https://github.com/imakewebthings/jquery-waypoints
С демонстрацией именно то, что вы хотите: элементы/
В качестве обновления одного из комментариев, http://stickyjs.com может быть более поддерживаемой библиотекой.
person
lucuma
schedule
04.06.2012
У меня было много проблем с этим плагином, я предпочитаю этот: stickyjs.com
- person cbron; 11.08.2013
используйте position:sticky
, чтобы сделать липким.
Вот объяснение статьи .
person
kongaraju
schedule
14.09.2012
Это довольно изящно, хотя и не полностью поддерживаемая спецификация (пока).
- person lucuma; 16.10.2012