Сайт с большим количеством контента на странице (длинный скролл вниз), у него есть сайдбар, в сайдбаре при скролле появляется баннер как обычно, но затем останавливается на время (скролл контента продолжается) затем при дальнейшем скролле баннер уезжает наверх и снизу как обычно скроллится новый баннер который тоже останавливается и потом уезжает наверх.
Видел такие несколько раз но сейчас никак не могу найти ни название ни описание таких баннеров, ни пример сайта с ними.
Прошу ткнуть меня мордочкой в такую javascript библиотеку или в любую другую информацию по теме.
hippopotam
Мужики, подскажите как такое называется:
Сайт с большим количеством контента на странице (длинный скролл вниз), у него есть сайдбар, в сайдбаре при скролле появляется баннер как обычно, но затем останавливается на время (скролл контента продолжается) затем при дальнейшем скролле баннер уезжает наверх и снизу как обычно скроллится новый баннер который тоже останавливается и потом уезжает наверх.
Видел такие несколько раз но сейчас никак не могу найти ни название ни описание таких баннеров, ни пример сайта с ними.
Прошу ткнуть меня мордочкой в такую javascript библиотеку или в любую другую информацию по теме.
ArbNet
https://medium.com/web-standards/sticky-bc7ff7088693
Sitealert
подскажите как такое называется
Это называется – так запрограммировали. Привязали позиционирование fixed к состоянию скроллинга.
hippopotam
Спасибо, нашел! Кто будет искать — есть javascript библиотечка stickybits работающая во всех браузерах IE9+
ArbNet
есть javascript библиотечка stickybits
Для этого не нужен никакой скрипт css{position: sticky}
Sitealert
Для этого не нужен никакой скрипт css{position: sticky}
Ты невнимательно прочитал стартпост.
ArbNet
Ты невнимательно прочитал стартпост.
А ты не знаешь как работает css{position: sticky}
Sitealert
А ты не знаешь как работает css{position: sticky}
Я знаю. Хреново работает. Но вопрос не в этом, а в том, как ты будешь переключать позиционирование.
LEOnidUKG
Достаточно для такой задачи. Недавно юзал его в своих комментариях, чтобы показывать картинку загрузки. Очень удобная вещь.
Забудьте вы про слово IE вообще. Это уже так старо.
———- Добавлено 11.06.2020 в 19:52 ———-
Но вопрос не в этом, а в том, как ты будешь переключать позиционирование.
Браузер сам рассчитывает его относительно DIV в которой вставлен стикер.
ArbNet
Я знаю. Хреново работает.
Хреново работает у того у кого руки под х.. заточены
Sitealert
Браузер сам рассчитывает его относительно DIV в которой вставлен стикер.
1. Тогда баннеры надо раскидывать по разным блокам, вместо того, чтобы вывести их в одном блоке одним кодом.
2. Сами блоки с баннерами должны быть определённого размера, чтобы всё это смотрелось приемлемо.
Неудобно всё это. Скриптом гибче. Хотя возможно, что в примере, который видел ТС, сделано именно с помощью стики.