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

[ky3mu4]

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

[Dotrox]

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

[ky3mu4]

5 минут назад, Dotrox сказал:

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

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

 

[n3bo]

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

7 минут назад, Dotrox сказал:

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

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

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

[Dotrox]

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

position: sticky;

 

[Dotrox]

2 минуты назад, n3bo сказал:

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

Где?

[ky3mu4]

4 минуты назад, Dotrox сказал:

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

position: sticky;

 

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

[n3bo]

4 минуты назад, Dotrox сказал:

Где?

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

[Dotrox]

3 минуты назад, ky3mu4 сказал:

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

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

 

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

 

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

 

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

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

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

[n3bo]

2 минуты назад, Dotrox сказал:

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

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

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

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

[ky3mu4]

1 минуту назад, n3bo сказал:

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

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

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

[ky3mu4]

2 минуты назад, n3bo сказал:

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

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

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

[Dotrox]

7 минут назад, n3bo сказал:

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

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

 

 

[n3bo]

4 минуты назад, Dotrox сказал:

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

 

 

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

[HyperLabTeam]

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

[Dotrox]

3 минуты назад, n3bo сказал:

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

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

[HyperLabTeam]

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

[HyperLabTeam]

29 минут назад, ky3mu4 сказал:

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

 

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

[ky3mu4]

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

 

[ky3mu4]

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

 

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

[ky3mu4]

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

 

[HyperLabTeam]

1 минуту назад, ky3mu4 сказал:

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

 

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

Цитата

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

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

[ky3mu4]

49 минут назад, AWARO сказал:

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

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

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

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

[ky3mu4]

50 минут назад, AWARO сказал:

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

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

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

[Dotrox]

В 05.09.2017 в 13:47, ky3mu4 сказал:

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

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

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

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

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