Jump to content
Sign in to follow this  
ky3mu4

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

Recommended Posts

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

Share this post


Link to post
Share on other sites

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

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

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

Edited by n3bo

Share this post


Link to post
Share on other sites

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

position: sticky;

 

Share this post


Link to post
Share on other sites
2 минуты назад, n3bo сказал:

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

Где?

Share this post


Link to post
Share on other sites
4 минуты назад, Dotrox сказал:

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

position: sticky;

 

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

  • +1 1

Share this post


Link to post
Share on other sites
4 минуты назад, Dotrox сказал:

Где?

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

Share this post


Link to post
Share on other sites
3 минуты назад, ky3mu4 сказал:

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

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

 

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

 

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

 

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

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

Edited by Dotrox

Share this post


Link to post
Share on other sites
2 минуты назад, Dotrox сказал:

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

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

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

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

Share this post


Link to post
Share on other sites
1 минуту назад, n3bo сказал:

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

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

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

Share this post


Link to post
Share on other sites
2 минуты назад, n3bo сказал:

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

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

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

Share this post


Link to post
Share on other sites
7 минут назад, n3bo сказал:

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

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

 

 

Share this post


Link to post
Share on other sites
4 минуты назад, Dotrox сказал:

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

 

 

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites
3 минуты назад, n3bo сказал:

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites
29 минут назад, ky3mu4 сказал:

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

 

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

Share this post


Link to post
Share on other sites

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

 

  • +1 1

Share this post


Link to post
Share on other sites

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

 

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

Share this post


Link to post
Share on other sites

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

 

Share this post


Link to post
Share on other sites
1 минуту назад, ky3mu4 сказал:

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

 

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

Цитата


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

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

Share this post


Link to post
Share on other sites
49 минут назад, AWARO сказал:

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

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

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

Edited by ky3mu4

Share this post


Link to post
Share on other sites
50 минут назад, AWARO сказал:

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

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

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

Share this post


Link to post
Share on other sites
В 05.09.2017 в 13:47, ky3mu4 сказал:

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

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

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

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

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.