Здравствуйте, использую плагин
alvarotrigo.com/fullPage/. инициализирую так
$('#fullpage').fullpage({
scrollingSpeed: 400,
anchors: ['header-section', 'services-section', 'portfolio-section', 'blog-section', 'contact-section'],
scrollOverflow: true,
navigation: true,
navigationPosition: 'right',
responsiveHeight: 600,
});
Плагин растягивает на всю высоту браузера блок с классом section и с помощью свойства " scrollOverflow: true" можно прокрутить страницу (если контент не вмещается в экран браузера) и как прокручиваю до низу, то идет опять перелистывание на следующий блок (с этим всё хорошо), но, в данном блоке (который по высоте большой и не вмещается) есть элементы li, к которым применяется банальный js код, который просто при нажатии убирает у всех класс с синим цветом и задает его тому, по которому кликнули
$('.menu-portfolio li a').on('click', function(e) {
e.preventDefault();
$('.menu-portfolio li a').each(function() {
$(this).removeClass('active-menu-portfolio');
});
$('.work').each(function() {
$(this).hide();
});
$(this).addClass('active-menu-portfolio');
if($(this).attr('id') == 'allWorkAnchor')
$('#allWork').show();
if($(this).attr('id') == 'siteWorkAnchor')
$('#siteWork').show();
if($(this).attr('id') == 'developmentWorkAnchor')
$('#developmentWork').show();
if($(this).attr('id') == 'seoWorkAnchor')
$('#seoWork').show();
});
И всё это не работает, ошибок в консоли не выдает и главное начинает работать, как только убираю инициализацию плагина fullpage, я долго не видел никакой связи, но потом заметил, что убрать некоторые блоки (чтобы контент смог вместиться) или же просто масштаб у браузера уменьшить (за счет чего тоже всё вмещается), (то-есть когда пропадает надобность в прокрутке данного блока), то всё начинает работать... Я уже голову сломал, что это может быть, кто-нибудь с таким хоть раз сталкивался?