Search

Romua1d.ru
Категории: Скрипты

Липкое меню js

Я не буду расписывать подробное руководство. Разъясню в кратце:

$(function(){
    $(window).scroll(function() {
        if($(this).scrollTop() >= 290) {
            $('nav.main-nav').addClass('stickytop');
        }
        else{
            $('nav.main-nav').removeClass('stickytop');
        }
    });
});

290 — Высота от верха, при прокрутке, промотав 290 px, рядом с классом: nav.main-nav станет класс stickytop, которому можно писать свои параметры. Одним из обязательных – position: fixed;

Скрипт будет работать, если у Вас подключен jQuery на сайт.

Плагин рейтинга создан автором этого блога. Буду очень признателен, если вы сможете его поддержать (ссылка)

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

Romuald Shmidtelson

Web Developer. I have expirience in FrontEnd, Backend, Devops. PHP, Python, Javascript (Vue.js, React.js)

Недавние Посты

Как разработать лендинг с интеграцией SMM-инструментов

Лендинг — это визитная карточка вашего продукта или услуги. Но просто создать красивую страницу недостаточно…

1 год назад

Как получить первый заказ на фрилансе

Получение первого заказа на фрилансе может быть вызовом, особенно для новичков, которые еще не имеют…

3 года назад

Топ 7 css фреймворков 2021 года

Разработка сайтов и веб-приложений стала в наше время неизбежной потребностью. Тем не менее, существует несколько способов…

5 лет назад

Что такое семантическое ядро и как его использовать для продвижения сайта?

Компании и специалисты по маркетингу тратят много времени и денег на изучение языка поисковых систем,…

5 лет назад

Что такое адаптивные изображения? Как правильно использовать srcset.

Адаптивные изображения - это набор методов, используемых для загрузки правильного изображения в зависимости от разрешения…

5 лет назад

Что такое Политика конфиденциальности для сайта и для чего она нужна?

Политика конфиденциальности - это документ, в котором подробно описывается, как компания или организация обрабатывает любую…

5 лет назад