Prerna G Ответов: 1

Как исправить логотип вверху при прокрутке вниз

Я хочу исправить логотип верхнего заголовка, чтобы он оставался фиксированным при прокрутке вниз.

Пожалуйста, предложите.
Пожалуйста, посмотрите на этот код

Что я уже пробовал:

<pre><div class="header-logo-container">
<a href="#" class="custom-logo-link" rel="home"><picture class="custom-logo">
<source type="image/webp" srcset="#" />
<img width="250" height="99" src="#" alt="#" />
</picture>
</a> </div>

1 Ответов

Рейтинг:
12

Richard Deeming

Используйте "липкое" позиционирование:
position - CSS: Каскадные Таблицы Стилей | MDN[^]

.header-logo-container {
    position: sticky;
    top: 0;
}
Поддержка браузера довольно хороша - почти все, кроме Internet Explorer, поддерживает его:
Могу ли я использовать... Таблицы поддержки для HTML5, CSS3 и т. д[^]