Как зафиксировать блок при прокрутке страницы?

Question

[Александр Андропов]

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

Пример реализации здесь: https://megaresheba.ru/ (баннер в правой части передвигается вместе со скроллиногом.)

Подскажите пожалуйста как это сделать, спасибо.

Comments

[Вадим]

И нигде нет информации как это сделать, да? В гугле не гуглится, тут тоже подобных вопросов не нашли, да? Да и посмотреть как там сделано тоже не вышло?

[Роман Филиппов]

Это не сделать на чистом CSS, такое только с помощью JS можно реализовать.
На сайте-примере используется jQuery в свзяке с некой Sizzle.js

Answer 1

[Noder SS]

https://www.w3schools.com/howto/howto_css_sticky_e...

Answer 2

[Евгений Полинов]

В примере не увидел баннера справа) Но
Задаете position: fixed top: сколько вам надо right: сколько вам надо
Удачки)

Answer 3

[paul_santo]

Уже ответили по технической реализации: вам подойдет либо position fixed, либо position sticky.

Но если не хочется вдаваться в технические детали, есть один no-code инструмент для добавления баннеров на любой сайт: https://webset.tools/ru/
С помощью него можно в редакторе настроить любой вид баннера, зафиксировать его при скролле и многое другое. Даже встроенная статистика и таргетинг есть. И всё это без строчки кода.

Answer 4

[imko]

position: sticky