Как сделать чтобы меню прилипало к верху экрана при прокрутке?
Если вам была полезна данная статья, то поделитесь данной статьей в социальной сети. А если вам нужна помощь в настройке сайта, нужна верстка или что то еще то жду Вас на kwork .
Поделиться:
При написании верстки для одного из своих сайтов playrium.ru я захотел чтобы при прокрутке меню оставалось зафиксированном сверху экрана независимо сколько информации находится до него и сколько после него. Это можно реализовать даже не прибегая к JS.
Чтобы сделать верхнее меню липким, достаточно в стилях css прописать следующее
div.sticky {
position: -webkit-sticky; /* Safari */
position: sticky;
top: 0;
}
А в html коде, достаточно прописать
<div class="sticky">
<li>ссылка</li>
<li>ссылка</li>
<li>ссылка</li>
<li>ссылка</li>
<li>ссылка</li>
<li>ссылка</li>
</div>
Если вам была полезна данная статья, то поделитесь данной статьей в социальной сети. А если вам нужна помощь в настройке сайта, нужна верстка или что то еще то жду Вас на kwork .
24.05.23
85