@UvUsss2

Как отладить полноэкранный слайдер в тильда на js?

Есть сайт yy0011.tilda.ws
на нем есть полноэкранный смешанный горизонтальный и вертикальный скролл, который реализован с помощью кода в конце вопроса.
Проблема следующая: не работает обратное перемещение по скроллу, при этом при скролле вниз все работает, необходимо решить проблему с кодом, чтобы скролл работал корректно,

');



//Переменные для контроля позиций слайдера
var slideIndex2 = 1, sliding = false;

//Настройки слайдера
$('#fullPage').fullpage({
sectionSelector: '.vertical-scrolling',
slideSelector: '.horizontal-scrolling',
anchors: ['main', 'hello', 'slidefull', 'service', 'bike', 'works', 'about', 'meet', 'theend'],
navigationTooltips: ['Main', 'Hello', 'SlideFull', 'Service' ,'Bike' , 'Works', 'About', 'Meet' ,'Theend'],
css3: true,
scrollingSpeed: 2500,
navigation: true,
slidesNavigation: true,
responsiveHeight: 330,
dragAndMove: true,
scrollBar: true,
loopTop:true,
loopBottom:true,
scrollHorizontally: false ,
controlArrows: true ,

onLeave : function (index, nextIndex, direction) {
if (index == 1 && !sliding) {
if (direction == 'down' && slideIndex2 < 3) {
sliding = true;
$.fn.fullpage.moveSlideRight();
return false;
} else if (direction == 'up' && slideIndex2 > 1) {
sliding = true;
$.fn.fullpage.moveSlideLeft();
return false;
}
} else if (sliding) {
return false;
}
},
afterSlideLoad: function (anchorLink, index, slideAnchor, slideIndex) {
sliding = false;
},
onSlideLeave : function (anchorLink, index, slideIndex, direction, nextSlideIndex) {
if (index == 3) {
if (direction == 'right') {
sliding = true;
slideIndex2++;
}

if (direction == 'left') {
sliding = true;
slideIndex2--;
}
}
}

});

};

if ($(window).width() > 100){
completewrap();
$('body,html').css('overflow','hidden');

};

});
  • Вопрос задан
  • 264 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы