Хитрые полу-стики баннеры


hippopotam
323

Мужики, подскажите как такое называется:

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

Видел такие несколько раз но сейчас никак не могу найти ни название ни описание таких баннеров, ни пример сайта с ними.

Прошу ткнуть меня мордочкой в такую javascript библиотеку или в любую другую информацию по теме.


ArbNet

https://medium.com/web-standards/sticky-bc7ff7088693


Sitealert

hippopotam:
подскажите как такое называется

Это называется – так запрограммировали. Привязали позиционирование fixed к состоянию скроллинга.


hippopotam

Спасибо, нашел! Кто будет искать – есть javascript библиотечка stickybits работающая во всех браузерах IE9+


ArbNet

hippopotam:
есть javascript библиотечка stickybits

Для этого не нужен никакой скрипт css{position: sticky}


Sitealert

ArbNet:
Для этого не нужен никакой скрипт css{position: sticky}

Ты невнимательно прочитал стартпост.


ArbNet

Sitealert:
Ты невнимательно прочитал стартпост.

А ты не знаешь как работает css{position: sticky}


Sitealert

ArbNet:
А ты не знаешь как работает css{position: sticky}

Я знаю. Хреново работает. Но вопрос не в этом, а в том, как ты будешь переключать позиционирование.


LEOnidUKG

css{position: sticky}

Достаточно для такой задачи. Недавно юзал его в своих комментариях, чтобы показывать картинку загрузки. Очень удобная вещь.

работающая во всех браузерах IE9+

Забудьте вы про слово IE вообще. Это уже так старо.

———- Добавлено 11.06.2020 в 19:52 ———-

Sitealert:
Но вопрос не в этом, а в том, как ты будешь переключать позиционирование.

Браузер сам рассчитывает его относительно DIV в которой вставлен стикер.


ArbNet

Sitealert:
Я знаю. Хреново работает.

Хреново работает у того у кого руки под х.. заточены


Sitealert

LEOnidUKG:
Браузер сам рассчитывает его относительно DIV в которой вставлен стикер.

1. Тогда баннеры надо раскидывать по разным блокам, вместо того, чтобы вывести их в одном блоке одним кодом.

2. Сами блоки с баннерами должны быть определённого размера, чтобы всё это смотрелось приемлемо.

Неудобно всё это. Скриптом гибче. Хотя возможно, что в примере, который видел ТС, сделано именно с помощью стики.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *