@freeman0204

Как сделать что бы меню фиксировалось более плавно?

codepen.io/anon/pen/VaZMdq меню фиксируется но визуально строго, хотелось бы плавно, что бы подъезжало плавнее. Как можно сделать?
  • Вопрос задан
  • 268 просмотров
Пригласить эксперта
Ответы на вопрос 1
eruditecat
@eruditecat
Красноглазик
Объявляем в CSS класс sticky:
.menu {
  background-color: blue;
  width: 10%;
  height: 600px;
  
  position: absolute; /* а transition нам не нужен */
}

.menu.sticky {
  top: 0;
  position: fixed;
}

JavaScript:
$(document).ready(function() {
  var menu = $('.menu');
	var menuPosition = menu.offset().top;
  
  $(window).scroll(function () {
		if ($(window).scrollTop() > menuPosition){
			menu.addClass('sticky');
		} else {
			menu.removeClass('sticky');
		}
	});
});


Всё работает.
Ответ написан
Ваш ответ на вопрос

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

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