Здравствуйте!
Может кто поможет? Как реализовать функцию скрытия слоя при прокрутке вниз страницы, но при прокрутке вверх чтобы слой появлялся.
Заранее благодарю!!!!
Появление меню при прокрутке вверх и исчезновение при прокрутке вниз
-
- Читатель
- Сообщения: 3
- Зарегистрирован: 21 мар 2019, 16:19
- Версия Web Builder: 14.1
- Имя: Артем
Реклама
-
- Moderator
- Сообщения: 5098
- Зарегистрирован: 12 июн 2012, 07:12
- Версия Web Builder: 12.0.2
- Имя: Анатолий Webmaster
- Контактная информация:
Появление меню при прокрутке вверх и исчезновение при прокрутке вниз
Один из вариантов - использование событий
А именно:
onscrollhide (срабатывание события при скрытии объекта с экрана)
onscrollrevealpartial (срабатывание события при появлении объекта на экране)
А именно:
onscrollhide (срабатывание события при скрытии объекта с экрана)
onscrollrevealpartial (срабатывание события при появлении объекта на экране)
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Skype: onlinebusinesscard.ru
Емаil: mailrobot@wwbmaster.ru
Мои товары в магазине https://market.wysiwygwebbuilder.ru/anonimus.html
==============
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Skype: onlinebusinesscard.ru
Емаil: mailrobot@wwbmaster.ru
Мои товары в магазине https://market.wysiwygwebbuilder.ru/anonimus.html
==============
-
- Moderator
- Сообщения: 5098
- Зарегистрирован: 12 июн 2012, 07:12
- Версия Web Builder: 12.0.2
- Имя: Анатолий Webmaster
- Контактная информация:
Появление меню при прокрутке вверх и исчезновение при прокрутке вниз
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Skype: onlinebusinesscard.ru
Емаil: mailrobot@wwbmaster.ru
Мои товары в магазине https://market.wysiwygwebbuilder.ru/anonimus.html
==============
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Skype: onlinebusinesscard.ru
Емаil: mailrobot@wwbmaster.ru
Мои товары в магазине https://market.wysiwygwebbuilder.ru/anonimus.html
==============
-
- Читатель
- Сообщения: 18
- Зарегистрирован: 11 фев 2020, 22:44
- Версия Web Builder: 14.2.2
Появление меню при прокрутке вверх и исчезновение при прокрутке вниз
Держи! Думаю это то, что надо.
У вас нет необходимых прав для просмотра вложений в этом сообщении.
-
- Продвинутый
- Сообщения: 330
- Зарегистрирован: 19 дек 2018, 17:40
- Версия Web Builder: 14.2.2
- Имя: Дмитрий
- Контактная информация:
Появление меню при прокрутке вверх и исчезновение при прокрутке вниз
Скрытие слоя при прокрутке вниз страницы
Код: Выделить всё
#ID_Слоя{
display: none;
}
Код: Выделить всё
<script>
$(document).scroll(function () {
if ($(this).scrollTop() > 500) { //задержка
$('#ID_Слоя').fadeIn(100); //скорость появления
} else {
$('#ID_Слоя').fadeOut(100); //скорость исчезновения
}
});
</script>
У вас нет необходимых прав для просмотра вложений в этом сообщении.
-
- Эксперт
- Сообщения: 1407
- Зарегистрирован: 07 авг 2015, 18:39
- Версия Web Builder: 11.0.2
- Имя: Кирилл
Появление меню при прокрутке вверх и исчезновение при прокрутке вниз
artem19, вот вариант самый простой для фиксированной шапки, джейквери должна быть подрублена
вставить это всё дело до body в исходнике страницы
Код: Выделить всё
<script>
let header = $('#Layer1'),// айдишник плавающей шапки
scrollPrev = 0;
$(window).scroll(function() {
let scrolled = $(window).scrollTop();
if ( scrolled > 100 && scrolled > scrollPrev ) {
header.fadeOut(500); //скорость скрытия шапки
} else {
header.fadeIn(500);//скорость отображения шапки
}
scrollPrev = scrolled;
});
</script>
вставить это всё дело до body в исходнике страницы
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853
Платные консультации
Готовые решения
Скайп: kirill47853
Вернуться в «Правила форума, технические вопросы.»
Кто сейчас на конференции
Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость