Закрыть ... [X]

Как сделать шапку сайта фиксированную

Добавлено: 20.09.2018, 22:50 / Просмотров: 82573

  • Главная
  • как сделать шапку сайта фиксированную
  • Статьи
  • Фиксация шапки сайта.

Допустим у вас важная информация например контакты находятся в шапке и сделать вы хотите что бы они всегда были на веду у клиента или просто хотите что основная навигация всегда была под рукой.

То можно просто зафиксировать шапку сайта что бы при прокрутке она всегда была на одном месте при прокрутке страницы. Для того что бы это реализовать нам понадобится немного подправить стили (CSS).

И так HTML:

<div id="head"> <!-- тут располагается код нашей шапки --> </div> <div id="content"> <!-- Следующий блок например с основным контентом --> </div>

И теперь добавим необходимые стили:

#head{ width: 1000px; height: 60px; position: fixed; background: #fff; z-index: 1000; } / Что бы наш следующий блок не заезжал под шапку как только страница загрузилась добавим отступ. / #content { margin-top: 60px; }

Теперь шапка будет зафиксирована вверху экрана и будет неподвижна при прокрутке.

#CSS

Copyright © 2018


Источник: https://www.poseti.net/articles/fiksacziya-shapki-sajta


Как закрепить шапку сайта при скролле name-block position: fixed


Как сделать шапку сайта фиксированную

Похожие новости


Народные куклы обереги как их сделать
Как почистить скважину своими руками
Как сделать слесарные верстаки
Как сделать резервную windows 7
Поделки из салфеток бумажных салфеток своими руками
Как сделать тропики
Приора птф своими руками на
Как лицо сделать в фотошопе




ШОКИРУЮЩИЕ НОВОСТИ