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

H
На сайте с 17.03.2005
Offline
123
318

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

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

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

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

SUTRA (http://kytoon.com/sutra/) - лучшая система управления трафиком
ArbNet
На сайте с 27.10.2019
Offline
46
#1
Блажен, кто не стремится сделать лучше: он не рискует быть не понятым.
S
На сайте с 30.09.2016
Offline
459
#2
hippopotam:
подскажите как такое называется

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

Отпилю лишнее, прикручу нужное, выправлю кривое. Вытравлю вредителей.
H
На сайте с 17.03.2005
Offline
123
#3

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

ArbNet
На сайте с 27.10.2019
Offline
46
#4
hippopotam:
есть javascript библиотечка stickybits

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

S
На сайте с 30.09.2016
Offline
459
#5
ArbNet:
Для этого не нужен никакой скрипт css{position: sticky}

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

ArbNet
На сайте с 27.10.2019
Offline
46
#6
Sitealert:
Ты невнимательно прочитал стартпост.

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

S
На сайте с 30.09.2016
Offline
459
#7
ArbNet:
А ты не знаешь как работает css{position: sticky}

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

LEOnidUKG
На сайте с 25.11.2006
Online
1550
#8
css{position: sticky}

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

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

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

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

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

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

✅ Трастовых площадок под размещение статей и ссылок. Опыт 12 лет! ( https://searchengines.guru/ru/forum/675690 ) ⭐ Купить вечные трастовые ссылки для сайта ( https://getmanylinks.ru/?srh ) ⭐ Ускорение ваших сайтов (WP, Opencart и др.) + Настройка сервера ( https://searchengines.guru/ru/forum/997205 )
ArbNet
На сайте с 27.10.2019
Offline
46
#9
Sitealert:
Я знаю. Хреново работает.

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

S
На сайте с 30.09.2016
Offline
459
#10
LEOnidUKG:
Браузер сам рассчитывает его относительно DIV в которой вставлен стикер.

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

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

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

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий