@Alex1265
I love IT

Как можно сделать меню так чтоб она прилипла при прокрутке только с JS?

Хотел бы еще спросить у вас если я сделаю меню так как хочу прилипающее к верхнему экрану то как быть с
контейнером контента? width 100% задать или? или все таки оставить отступ с верху столько столько задал в меню ? Вот тут как то не понятно и еще если меню прилипает z -index нужно задать или нет?
  • Вопрос задан
  • 769 просмотров
Решения вопроса 2
@vardoLP
Ват ю сэй эбаут май мама?!
var $navFix = $(".navigation");
	
	$(window).scroll(function(){
		if ( $(this).scrollTop() > 120){ // 120 это высота прокрутки
			$navFix.addClass("fixed");
		} else if($(this).scrollTop() <= 120) {
			$navFix.removeClass("fixed");
		}
	});


соответственно, когда у меню добавляется класс fixed, прописываешь нужные стили. Для основного контейнера можно тоже добавить класс и менять стили
Ответ написан
iiiBird
@iiiBird Куратор тега CSS
Пока ты спишь - твой конкурент совершенствуется
К примеру делаешь такую структуру:
<div class="navbar">
	<div class="container">
		111
	</div>
</div>

и фиксируешь .navbar
т.е. задавая ему width: 100%; контейнер внутри также останется как был.

z -index да. нужно, если не хочешь чтобы твое меню при прокрутке потом уходило на задний план на каком-то элементе страницы
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
In4in
@In4in
°•× JavaScript Developer ^_^ ו°
Сейчас есть классный position: sticky;
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы