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

Фиксированное меню при прокрутке

8 февраля 2016 в 9:38 Без категории,Jquery

Здесь контент который должен появляться при скроле и фиксироваться

[php]
<div id="header">
<div id="subMenu">
контент \ меню
</div>
</div>
[/php]

После вызова Jqery добавляет код фиксации

[php]

<script>
$(document).ready(function() {
var headerTop = $(‘#header’).offset().top;
var headerBottom = headerTop + 120; // Sub-menu should appear after this distance from top.
$(window).scroll(function () {
var scrollTop = $(window).scrollTop(); // Current vertical scroll position from the top
if (scrollTop > headerBottom) { // Check to see if we have scrolled more than headerBottom
if (($("#subMenu").is(":visible") === false)) {
$(‘#subMenu’).fadeIn(‘slow’);
}
} else {
if ($("#subMenu").is(":visible")) {
$(‘#subMenu’).hide();
}
}
});
});
</script>
[/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="Рассчитать стоимость"]

Представительство Max-Webs в других городах:

There are no products