зафиксить header при прокрутке

[ky3mu4]

Добрый вечер! подскажите, как зафиксить header целиком. при прокрутке страницы

[Dotrox]

https://css-tricks.com/position-sticky-2/

[ky3mu4]

  В 04.09.2017 в 19:43, Dotrox сказав:

https://css-tricks.com/position-sticky-2/

Expand  

я извиняюсь, но не чего не понятно

 

[n3bo]

Предлагаю Вам выложить сюда логин и пароль и каждый чем сможет - поможет. А то сколько тем уже наплодили...

  В 04.09.2017 в 19:43, Dotrox сказав:

https://css-tricks.com/position-sticky-2/

Expand  

Зачем? там бут используется...

Змінено 4 вересня 2017 користувачем n3bo

[Dotrox]

Если нужно закрепить какой-то блок вверху страницы при прокрутке, используйте это CSS свойство:

position: sticky;

 

[Dotrox]

  В 04.09.2017 в 19:50, n3bo сказав:

Зачем? там бут используется...

Expand  

Где?

[ky3mu4]

  В 04.09.2017 в 19:51, Dotrox сказав:

Если нужно закрепить какой-то блок вверху страницы при прокрутке, используйте это CSS свойство:

position: sticky;

 

Expand  

Можно чуть поподробнее пожалуйста. что именно и куда нужно вставить

[n3bo]

  В 04.09.2017 в 19:53, Dotrox сказав:

Где?

Expand  

у него на сайте:)

[Dotrox]

  В 04.09.2017 в 19:55, ky3mu4 сказав:

Можно чуть поподробнее пожалуйста. что именно и куда нужно вставить

Expand  

Нельзя. Если уже сказанного недостаточно, вам лучше поручить эту задачу кому-то платно, ибо вашей квалификации недостаточно.

 

И вообще,как вы себе представляете более точную подсказку, если я не представляю, как выглядит код вашего сайта?

 

  В 04.09.2017 в 19:58, n3bo сказав:

у него на сайте:)

Expand  

 

Как я могу это знать, если здесь нет ссылки на сайт?

И неужели там уже 4 Бутстрап? Только там начало использоваться это свойство.

Змінено 4 вересня 2017 користувачем Dotrox

[n3bo]

  В 04.09.2017 в 19:58, Dotrox сказав:

Как я могу это знать, если здесь нет ссылки на сайт?

И неужели там уже 4 Бутстрап? Только там начало использоваться это свойство.

Expand  

У него столько тем, что пора бы уже и знать 

Нет, 3, но в буте есть стандартный возможность реализовать фиксированную шапку и я ему скидывал ссылку на руководство (причем именно руководство по созданию фикс. шапки )

[ky3mu4]

  В 04.09.2017 в 20:02, n3bo сказав:

У него столько тем, что пора бы уже и знать 

Нет, 3, но в буте есть стандартный возможность реализовать фиксированную шапку и я ему скидывал ссылку на руководство (причем именно руководство по созданию фикс. шапки )

Expand  

там как то на ломанном русском)) вообще не чего не разобрал))))

[ky3mu4]

  В 04.09.2017 в 20:02, n3bo сказав:

У него столько тем, что пора бы уже и знать 

Нет, 3, но в буте есть стандартный возможность реализовать фиксированную шапку и я ему скидывал ссылку на руководство (причем именно руководство по созданию фикс. шапки )

Expand  

и как я понял, там фиксится именно меню) туда не входит поиск)

[Dotrox]

  В 04.09.2017 в 20:02, n3bo сказав:

Нет, 3, но в буте есть стандартный возможность реализовать фиксированную шапку

Expand  

В третьем для подобного используется js. Зачем делать через js то, что можно через чистый CSS?

 

 

[n3bo]

  В 04.09.2017 в 20:11, Dotrox сказав:

В третьем для подобного используется js. Зачем делать через js то, что можно через чистый CSS?

 

 

Expand  

Какой js? .navbar-fixed-top

[HyperLabTeam]

Если при прокрутке до определённого места и после фиксить то да тут JS
а так как сказал @n3bo класс бутстрапа прилепил и готово = всегда зафиксирован

[Dotrox]

  В 04.09.2017 в 20:16, n3bo сказав:

Какой js? .navbar-fixed-top

Expand  

Это же просто фиксированная позиция, а не фиксация при прокрутке.

[HyperLabTeam]

а че Кузьмич в минусах?)
за пожалуйста - заслужил плюс)

[HyperLabTeam]

  В 04.09.2017 в 19:49, ky3mu4 сказав:

я извиняюсь, но не чего не понятно

 

Expand  

там кнопочки есть
HTML - CSS
там все на примерах)

[ky3mu4]

Ребят!))) подскажите пожалуйста поподробнее)) за плюс спасибо!)

 

[ky3mu4]

Добавить .navbar-fixed-top и включать .container или .container-fluid в центр и коврик для навигации содержимого.

 

как это расшифровать?)))

[ky3mu4]

я понимаю, что это стили. но что с ними делать надо?

 

[HyperLabTeam]

  В 05.09.2017 в 09:51, ky3mu4 сказав:

я понимаю, что это стили. но что с ними делать надо?

 

Expand  

скорее всего наверное идти в раздел услуг...
ни ссылки ни чего.. не понятно с чем мешать)
 

  Цитата

за плюс спасибо!)

Expand  

Спасибо ещё раз за спасибо))
Главное их не растерять))

[ky3mu4]

  В 05.09.2017 в 09:56, AWARO сказав:

скорее всего наверное идти в раздел услуг...
ни ссылки ни чего.. не понятно с чем мешать)
 

Спасибо ещё раз за спасибо))
Главное их не растерять))

Expand  

Да хотел бы для себя понять в первую очередь) первый сайт) ссылка: applshop.ru

Змінено 5 вересня 2017 користувачем ky3mu4

[ky3mu4]

  В 05.09.2017 в 09:56, AWARO сказав:

скорее всего наверное идти в раздел услуг...
ни ссылки ни чего.. не понятно с чем мешать)
 

Спасибо ещё раз за спасибо))
Главное их не растерять))

Expand  

пробовал через position. начинает двигаться вместе с меню левее баннера) и под содержимым контейнера)

[Dotrox]

  В 05.09.2017 в 10:47, ky3mu4 сказав:

пробовал через position. начинает двигаться вместе с меню левее баннера) и под содержимым контейнера)

Expand  

Плохо пробовали.

Если вы хотите зафиксировать блок header при прокрутке, просто добавьте ему эти стили:

position: sticky;
top: 0;
z-index: 10;

Здесь top указывает на каком расстоянии от верха окна браузера фиксировать, а z-index нужен, чтоб содержимое страницы не наползало сверху при прокрутке.