Перейти к публикации

Помогите разобраться...


Рекомендованные сообщения

Есть на сайте http://gonlp.ru/test/ панелька с меню. "Прилеплена" к верхней границе. Должна работать так: при открытии страницы невидна, при скроллинге вниз - появляется, при поднятии наверх страницы - снова исчезает. Сейчас при открытии страницы - видна, все остальное работает. Как бы исправить, чтобы была прозрачной при открытии страницы?

Код такой:

"

<script type="text/javascript">

$(function() {

$(window).scroll(function(){

var scrollTop = $(window).scrollTop();

if(scrollTop != 0)

$('#nav').stop().animate({'opacity':'1'},400);

else

$('#nav').stop().animate({'opacity':'0'},400);

});

$('#nav').hover(

function (e) {

var scrollTop = $(window).scrollTop();

if(scrollTop != 0){

$('#nav').stop().animate({'opacity':'1'},400); /*при наведении */

}

},

function (e) {

var scrollTop = $(window).scrollTop();

if(scrollTop != 0){

$('#nav').stop().animate({'opacity':'0.3'},400);

}

}

);

});

</script>

"

Заранее благодарю.

Изменено пользователем AlexeyNN
Ссылка на сообщение
Поделиться на других сайтах

Добавьте: #nav { opacity: 0; }

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...