Главная / Каталог скриптов для uCoz / Разное, Бесплатно, Меню

Показать или скрыть меню при скролле страницы в низ и вверх

Добавлено 19-03-2019 в 17:18

Категория Разное, Бесплатно, Меню
Авторwaak
Просмотры1063
Комментарии3
Понравилось13

Показать или скрыть меню при скролле страницы в низ и вверх

Всем привет сегодня покажу вам маленький пример как можно скрыть меню или блок при скролле страницы в низ а при скролле в верх показать обратно как в мобильных приложениях

В данном материале я буду показывать на примере блока у которого фиксированная позиция и он прижат к нижней части экрана но это не значит что его нельзя применить к любому другому элементу у которого позиция другая или место расположение

Пример работы скрипта

Качество видео не очень но для примера работы скрипта подходит

Данный скрипт не только для сайтов юкоз он так же будет работать и на любом другом сайте если у вас подключена библиотека jquery

Установка скрипта на сайт

Установка очень проста вам нужно просто скопировать скрипт ниже и вставить его на страницу сайта перед закрывающим тегом /body

Код

не забывайте что на сайте должна быть подключена библиотека jquery иначе скрипт работать не будет!

Настройка скрипта

Для того чтобы скрипт работал под тот элемент который хотите вы вам нужно поменять в скрипте выше две строчки в которых указан класс .navMenu

Цитата

$(".navMenu").fadeOut();
} else {
$(".navMenu").fadeIn();

в место класса .navMenu вам нужно указать класс или id вашего элемента для которого хотите применить данный скрипт

Обратите внимание что если вы указываете id вместо класса то ид указывается через # а класс через . так что будьте внимательны

Оставить комментарий

Добавлять комментарии могут только зарегистрированные пользователи.

Регистрация Вход

Создать сайт
Бесплатно

Меню

Полезно

Комментарии

pa patali2k

Спасибо большое!

06-06-2025 в 05:58 материал

waak

на все страницы вывести можно скриптом через запрос на персональную страницу пользователя а на странице со списком закладок я вывел так

Код

У вас $NUM_ENTRIES$ заклад<?if($NUM_ENTRIES$%10=0||$NUM_ENTRIES$%10>4||$NUM_ENTRIES$%100>10&&$NUM_ENTRIES$%100<15)?>ок<?else?><?if($NUM_ENTRIES$%10=1)?>ка<?else?>ки<?endif?><?endif?>

05-06-2025 в 22:07 материал

pa patali2k

Добрый день! Waak подскажи как вы сделали У вас N закладок, у меня выходит 1-5 например, так если можете подскажите как вывести кол.во закладок пользователя например в мини профиль, чтоб кол.во закладок показывало на любой странице

04-06-2025 в 16:51 материал

pa patali2k

Добрый день!
Сегодня снова попробовал установить скрипт и он снова не заработал, все перерыл, изменял, убирал и никак не заводился.
Решение: В общих настройках сайта нужно переключить Версия библиотеки jQuery: на jquery-1.12.4.min.js
В общем теперь просьба, не могли бы переписать скрипт закладок под jquery-3.6.0.min.js