Как ставить логотип в сплывающее меню при скроллинге?

Question

[Сергей Быковский]

Задача, вставить в блок с меню логотип. Была мысль подкинуть на то же место логотип картинкой, только сделать ему opacity 0 и position fixed, а потом как то с помощью js со скроллом вниз добавлять ему непрозрачности. Но как реализовать незнаю. С js знаком 20 минут))
Помогите пожалуйста чайнику)

Проблема в том, что всплывающее меню ВСПЛЫВАЕТ, а если логотипу просто придать position fixed, то он на секунду остаётся в одиночестве, что не красиво

вот такое всплывающее меню

Ну или может кто то знает как можно проще вставить туда логотип

Answer 1

[Andrew]

Логотип в фоновой картинке? Если да, то вырежи с фона и закинь в отдельный файл и вставь как первый элемент меню
<a href="#"><img src="твой_логотип.png"></a>
В стилях выставь ему свои пропорции и будет счастье.

Comments

[Сергей Быковский]

Нет, вы немного меня не правильно поняли. Логотип уже вставлен в обычном меню(скрин1). Проблема в том, что при скролле меню заменяется на всплывающее фиксированное меню(скрин2-3). В котором нет уже этого логотипа. Заказчик хочет, что бы он там тоже был. Где искать код этого вспывающего меню без понятия, если даже таким методом и можно в него вставить.

[Andrew]

gorodska3ka,
Скорее всего, это просто другая менюшка, т.к. вверху лого есть, а в фиксированном - нет. Тогда, ищите в .html примерно такое же меню как "основное", только по-дефолту оно должно быть
display: none;
И в него добавьте своё лого.
Еще можете скинуть ссылку, я сам гляну и скажу вам.