Липкий заголовок с jquery

Я хотел бы создать несколько двух липких заголовков, как на этом веб-сайте: http://www.trendyol.com/Kappa/ButikDetay/8690 При прокрутке вниз первый заголовок объединяется со вторым элементом sticky. После этого они вместе спускаются вниз. Как я могу это сделать? Спасибо за поддержку!

2 ответов


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

Это, как говорится, есть отличный плагин, который может помочь:https://github.com/imakewebthings/jquery-waypoints

с демо именно то, что вы хотите: http://imakewebthings.com/jquery-waypoints/sticky-elements/

в качестве обновления из одного из комментариев,http://stickyjs.com может быть более поддерживаемой библиотекой.


использовать position:sticky сделать липкий.

здесь статья пояснил.