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)

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

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

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

1 год назад

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

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

2 года назад

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

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

2 года назад

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

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

3 года назад

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

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

3 года назад

Кто такой вебмастер?

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

3 года назад