StillMaster » Веб разработка » Как сделать чтобы меню прилипало к верху экрана при прокрутке?

Как сделать чтобы меню прилипало к верху экрана при прокрутке?
Как сделать чтобы меню прилипало к верху экрана при прокрутке?

При написании верстки для одного из своих сайтов 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>
Skypro

Если вам была полезна данная статья, то поделитесь данной статьей в социальной сети. А если вам нужна помощь в настройке сайта, нужна верстка или что то еще то жду Вас на kwork .


Поделиться:

64 24.05.23