Есть ли готовый скрипт прилипающих блоков?

Question

[Azami]

Добрый день.
Интересует такая реализация. У меня в сайдбаре 4 блока.
Если ли готовый скрипт позволяющий реализовать прилипание(повторное появление) 2-го блока, после того, как будет прокручена страница ниже 4-го блока.

Заранее благодарю.

Answer 1

[Игорь Павленко]

leafo.net/sticky-kit

Comments

[Azami]

Хороший пример но не то.

[Azami]

Хотя - то! Спасибо!

Answer 2

[maxweb]

С множеством настроек
https://m-ulyanov.github.io/stickyblock/demo/

Comments

[dom1n1k]

Жаль, что зависит от jQuery.
И это странно вдвойне, поскольку автор заявляет поддержку только IE9+ - то есть за какой-то особой кроссбраузерностью он не гонится.

Answer 3

[Радмир]

wd.dizaina.net/scripts/stickyfill
- оно?

Comments

[Azami]

Нет. надо чтобы второй блок снова показывался после 4-го. Т.е. увидели 1,2,3,4, а за 4-м 2-й появляется и прилипает.

[Azami]

А в вашем примере блок сразу прилипает до следующего.

Answer 4

[Александр Таратин]

https://github.com/ltebean/sticky-header

Comments

[Azami]

У вас после прохождения блока - он сразу прилипает, а надо, чтобы прилипал после прохождения всех блоков. Логика такова 1,2,3,4,2(и прилип)

Answer 5

[Сергей]

А не проще продублировать? Зачем это прилипание?

Comments

[Azami]

А смысл 2 одинаковых блока делать?

[Сергей]

Azami: А почему бы нет? Если это 2 одинаковых блока с "Закажите прямо сейчас" то лучше просто продублировать. Это даже лучше, чем подключать какуето либу, которая жрет трафик, добавляет лишний реквест и кушает ОЗУ.

[Azami]

В том-то и дело, что блок содержит данные из базы и вытаскивает несколько параметров. Так что таким образом дубль неуместен

[Сергей]

Azami: Ну вы это, данные то храните где-то в переменной или массиве и просто повторно используйте уже полученные. Не надо 2 раза получать их.

[Azami]

Верно ) Эт я сказал к тому, что не просто текстовый блок у меня с парой букв ) Так-то правы

[Сергей]

Azami: Ну если не получится так, сделайте просто копирование блока на JS после загрузки страницы

Answer 6

[Артём Иннокентьев]

stickyjs.com

Answer 7

[Дмитрий]

Есть еще такой
bigspotteddog.github.io/ScrollToFixed