Прозрачная шапка - Форум
Страница 1 из 11
Форум » Форум веб-мастеров » uCoz » Прозрачная шапка
Прозрачная шапка
Проверенный
Сообщений: 37
Репутация: 0
TatJIust написал:
Дата: Суббота, 28.05.2016, 19:01 | Сообщение #1
Хотел бы узнать как можно сделать , чтобы шапка сайта, а точнее меню при прокрутки в низ становилась чуть прозрачно? Т.е Моя шапка при отпуске в низ обычная темная, а как сделать , чтобы стала чуть прозрачной ?

Я уже обязан этому сайту, вас к себе как Партнер поставлю =))
Профиль
Администратор
Сообщений: 150
Репутация: 56
Snoopak написал:
Дата: Понедельник, 30.05.2016, 15:02 | Сообщение #2
Этот js запихни в head либо в какой-то глобальный блок, который присутствует на всех страницах:
Код
$(window).scroll(function() {
if ($(this).scrollTop() > 1){
$('.header').addClass("opacity");
}
else{
$('.header').removeClass("opacity");
}
});

header - это класс шапки
А вот это в CSS:
Код
.scroll_opacity {
opacity: 0.6;
transition: all 0.4s ease;
}
Если я долго не выполняю обещаний, напомните мне в ЛС. Скорее всего, я просто забыл.
Профиль Сайт
Проверенный
Сообщений: 37
Репутация: 0
TatJIust написал:
Дата: Вторник, 31.05.2016, 16:24 | Сообщение #3
Что-то не вышло
Профиль
Администратор
Сообщений: 150
Репутация: 56
Snoopak написал:
Дата: Вторник, 31.05.2016, 20:18 | Сообщение #4
Ой, я забыл в скрипте класс для прозрачности сменить wacko
В js скрипте замени opacity на scroll_opacity
Если я долго не выполняю обещаний, напомните мне в ЛС. Скорее всего, я просто забыл.
Профиль Сайт
Проверенный
Сообщений: 37
Репутация: 0
TatJIust написал:
Дата: Суббота, 04.06.2016, 10:56 | Сообщение #5
Snoopak, Что-то не вышло, вроде все правильно сделал
Профиль
Администратор
Сообщений: 150
Репутация: 56
Snoopak написал:
Дата: Суббота, 04.06.2016, 11:26 | Сообщение #6
В скрипте upcode.ucoz.net/js/head.js замени
Код
$('.header').addClass("opacity");
на
Код
$('.header').addClass("scroll_opacity");
Если я долго не выполняю обещаний, напомните мне в ЛС. Скорее всего, я просто забыл.
Профиль Сайт
Проверенный
Сообщений: 37
Репутация: 0
TatJIust написал:
Дата: Суббота, 04.06.2016, 17:21 | Сообщение #7
Snoopak, Вот, вроде получилось, но она стала вся прозрачной, т.е
На самом верху она должна быть темной, а при скроле(Отпуске в низ) становится прозрачной .
Профиль
Администратор
Сообщений: 150
Репутация: 56
Snoopak написал:
Дата: Воскресенье, 05.06.2016, 08:22 | Сообщение #8
В файле head.js замени все содержимое на это:
Код
$(window).scroll(function() {
if ($(this).scrollTop() > 1){
$('.header').addClass("scroll_opacity");
}
else{
$('.header').removeClass("scroll_opacity");
}
});
И все будет как надо)
Если я долго не выполняю обещаний, напомните мне в ЛС. Скорее всего, я просто забыл.
Профиль Сайт
Проверенный
Сообщений: 37
Репутация: 0
TatJIust написал:
Дата: Воскресенье, 05.06.2016, 10:53 | Сообщение #9
Snoopak, О спасибо большое! Можно закрыть тему =)
Профиль
Форум » Форум веб-мастеров » uCoz » Прозрачная шапка
Страница 1 из 11
Поиск:
© 2012-2017 «For-uCoz». Дизайн и верстка Snoopak Хостинг от uCoz