logo помогаю бизнесу зарабатывать больше.
Связаться
Введите название услуги:

Зафиксировать div при скролле

20 июня 2016 в 11:34 Javascript

2016-06-20_143417

Есть 2 варианта фиксации:
1 – после определенного скролла замерянного в цифрах, например 128

[php]
/* navbar */
var nav = $(‘nav.container’);
$(window).scroll(function () {
if ($(this).scrollTop() > 82) {
nav.addClass("f-nav");
} else {
nav.removeClass("f-nav");
}
});
[/php]
2 – при достижении скролла определенного diva

[php]

$(window).scroll(function() {
if($(this).scrollTop() > $(‘.b2’).offset().top) {
if(!$(‘.fix_top’).hasClass(‘fixed’)) {
$(‘.fix_top’).addClass(‘fixed’);
}
} else {
$(‘.fix_top’).removeClass(‘fixed’);
}
});
[/php]

Похожие статьи

Оставить заявку
По любым вопросам пишите мне в мессенджеры .
Написать в WhatsApp
+7 (925) 444-48-89
Написать в Telegram
@max_webs
Ваша цена
Предложите свою цена за товар или услугу. Пишите мне в мессенджеры или оставьте заявку в данной форме.
Написать в WhatsApp
+7 (925) 444-48-89
Написать в Telegram
@max_webs
[contact-form-7 id="22192" title="Универсальная форма"]
[contact-form-7 id="114828" title="Рассчитать стоимость"]