Скрываем навбар при скролле и показываем при наведении на него мышкой

[HAIM]

HAIM добавил(а) новый ресурс:

Скрываем навбар при скролле и показываем при наведении на него мышкой - Простая модификация навбара

Суть и конечный результат модификации показана на гифке ниже
Посмотреть вложение 90833
Дисклеймер: все тестилось только на дефолтном стиле

Для того, чтобы получить результат с гифки в extra.less стиля вставьте следующий код:

@media screen and (min-width: 1200px) { /*код работает только на мониторах с шириной >1200px*/
    .is-sticky {
        transform: translateY(-30px); /* дефолтная высота навбара 37px, оставляем 7*/
        &:hover {transform: translateY(0px);}...

Узнать больше об этом ресурсе...

 

[Убро]

А можно вариант, когда при наведении она не просто резко появлялась, а анимировано спускалось?

 

[West14]

ubrohack, чутка посмотреть другие примеры и подумать.

 

[Убро]

ubrohack, чутка посмотреть другие примеры и подумать.

OFFTOP

Я и этого не умею ?