0 Пользователей и 1 Гость просматривают эту тему.
  • 3 Ответов
  • 844 Просмотров
*

maska

  • Осваиваюсь на форуме
  • 42
  • 1 / 0
Как сделать такой эффект?
« : 10.09.2015, 13:55:51 »
Добрый день! Подскажите где можно найти пошаговое описания, чтобы сделать такой эффект с верхним меню  при скролле в низ, как на примере.   !

Пример: http://ua-award.org/
*

Grigory S.

  • Давно я тут
  • 658
  • 70 / 0
  • (с)
Re: Как сделать такой эффект?
« Ответ #1 : 10.09.2015, 14:13:59 »
Меню делаем фиксированным

Код: css
.navbar{
   position: fixed;
}
.collapse{
   // оформление
}

и при скролле добавляем класс с нужным оформлением:

Код: javascript
jQuery(document).scroll(function(){
        jQuery(this).scrollTop() > 0 ? jQuery('.navbar').addClass('collapse') : jQuery('.navbar').removeClass('collapse');
});    
« Последнее редактирование: 10.09.2015, 14:39:19 от kamaz6141 »
Не задав правильный вопрос, невозможно получить правильный ответ.
Для "спасибок" существует кнопочка "+".
*

darkghost

  • Живу я здесь
  • 2212
  • 97 / 0
Re: Как сделать такой эффект?
« Ответ #2 : 10.09.2015, 14:45:59 »
Как говорили выше, для размещения блока меню поверх остальных элементов страницы, необходимо установить position: fixed; и задать поочередность слоя — z-index ---->>>
Спойлер
[свернуть]
*

maska

  • Осваиваюсь на форуме
  • 42
  • 1 / 0
Re: Как сделать такой эффект?
« Ответ #3 : 10.09.2015, 14:53:05 »
Огромное огромное спасибо! В коде пока плохо разбираюсь, сам бы не сделал. Еще раз спасибо!
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как сделать?

Автор Twins

Ответов: 3
Просмотров: 1473
Последний ответ 01.07.2021, 13:11:51
от xpank
Как сделать кнопку формы аккаунта?

Автор Evgen Kulibin

Ответов: 0
Просмотров: 678
Последний ответ 22.04.2021, 22:15:06
от Evgen Kulibin
Как сделать плавающий модуль?

Автор THeCMeX

Ответов: 2
Просмотров: 771
Последний ответ 08.03.2021, 22:21:01
от Flexderection
Как поставить такой курсор на сайт Joomla?

Автор Romanych

Ответов: 0
Просмотров: 670
Последний ответ 05.11.2020, 21:45:29
от Romanych
[Решено] Как сделать чтобы фотография открылась в отдельном окне?

Автор a-two

Ответов: 11
Просмотров: 1283
Последний ответ 03.11.2020, 16:57:40
от Nikolay89