<style>
/*Стили для Фиксированного блока ME602*/
.fixtab{
position: fixed;
z-index: 99;
top: 0px;
width: 100%;
background: #f7f7f7;
box-shadow: 0px 3px 3px 0px #dedede;
}
/*Изменяем отступ у блока разделитель DV05 */
.spacepad{
padding-top: 153px !important;
}
</style>
<script>
$(document).ready(function() {
//Прописываем ID блока с якорем
var anchor_block = $("#rec49177792");
//Прописываем ID блока ME602
var tab_block = $("#rec49175350");
//Прописываем ID блока DV05
var space_block = $("#rec49186175");
//Прописываем ID блока после всех наших товаров(чтобы выключить меню, когда дойдём до него)
var end_block = $("#rec49186572");
//Присваиваем блоку ME602 ссылку
$(tab_block).wrap("<a href='#chapter1'></a>")
//Задаём первый проход вниз
var firststep = true;
//Задаём точку прохода всех нужных блоков
var notagain = true;
$(window).scroll(function() {
//Переменная true - если проскролили мимо заданного блока
var scrollEvent = ($(window).scrollTop() > $(anchor_block).offset().top);
var scrollEvent2 = ($(window).scrollTop() > $(end_block).offset().top);
// Если просролили первый раз
if(scrollEvent && firststep) {
firststep = false;
//Присваиваем к ME602 класс с фиксацией
$(tab_block).addClass("fixtab");
//Присваиваем к DV05 класс с отступом
$(space_block).addClass("spacepad");
};
// Если проскроллили вверх выше якоря, то отменяем фиксацию
if(!scrollEvent && !firststep) {
firststep = true;
//Убираем от ME602 класс с фиксацией
$(tab_block).removeClass("fixtab");
//Убираем от DV05 класс с отступом
$(space_block).removeClass("spacepad");
};
// Если просролили все нужные блоки
if(scrollEvent2) {
//Убираем от ME602 класс с фиксацией
$(tab_block).removeClass("fixtab");
//Убираем от DV05 класс с отступом
$(space_block).removeClass("spacepad");
};
if(!scrollEvent2 && !firststep){
firststep = false;
//Присваиваем к ME602 класс с фиксацией
$(tab_block).addClass("fixtab");
//Присваиваем к DV05 класс с отступом
$(space_block).addClass("spacepad");
};
});
});
</script>