Перейти к содержанию

Рекомендуемые сообщения

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

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

Изменено пользователем n3bo

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

position: sticky;

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
2 минуты назад, n3bo сказал:

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

Где?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
4 минуты назад, Dotrox сказал:

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


position: sticky;

 

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

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
4 минуты назад, Dotrox сказал:

Где?

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
3 минуты назад, ky3mu4 сказал:

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

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

 

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

 

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

 

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

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

Изменено пользователем Dotrox

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
2 минуты назад, Dotrox сказал:

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

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
1 минуту назад, n3bo сказал:

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
2 минуты назад, n3bo сказал:

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
7 минут назад, n3bo сказал:

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

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

 

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
4 минуты назад, Dotrox сказал:

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

 

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
3 минуты назад, n3bo сказал:

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
29 минут назад, ky3mu4 сказал:

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

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

 

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
1 минуту назад, ky3mu4 сказал:

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

 

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

Цитата


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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
49 минут назад, AWARO сказал:

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

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

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

Изменено пользователем ky3mu4

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
50 минут назад, AWARO сказал:

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
В 05.09.2017 в 13:47, ky3mu4 сказал:

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

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

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.