@danchiksux
Говнокодер

Компактная шапка сайта, как вернуть в прежний вид?

Есть шапка:
<div class="head"></div>
.head {
	top: 0;
	width: 100%;
	height: 200px;
	background: blue;
	position: fixed;
}

При прокрутке она уменьшается:
$(document).ready(function() {
	$(window).scroll(function() {
		$('.head').animate({
		height: "100px",
	}, 500);
	});
});

Полный код
Как сделать что-бы при прокрутке страницы в самый верх она снова принимала прежний вид?
  • Вопрос задан
  • 83 просмотра
Решения вопроса 1
Serj-One
@Serj-One
i'm sexy and i know it
Оформление в js - моветон. Подобные вещи делаются через добавление/удаление классов с нужными свойствами.
$(window).scroll(function() {
    var top = $(window).scrollTop();  
    if(top>0){
        $('.header').addClass('header--min');
    } else {
        $('.header').removeClass('header--min');
    }
});

Классом .header--min{} задавай изменения состояния.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
КРАФТТЕК Санкт-Петербург
от 60 000 до 80 000 ₽
Brightdata Тель-Авив
от 5 500 до 6 500 $
Rocket Брянск
от 60 000 до 100 000 ₽
30 мая 2024, в 16:47
15000 руб./за проект
30 мая 2024, в 16:41
700000 руб./за проект
30 мая 2024, в 16:20
500 руб./за проект