Возможна ли такая реализация со слайдерами?

Question

[Гриша Никольский]

Привет. Использую slick slider для реализации горизонтального скролинга. У меня есть боковое меню, которое желательно бы было зафиксировать слева. Казалось бы, все прекрасно. Но появляться оно должно на 2-ом слайдере. И если отмотать назад, то на 1-ом слайдере оно должно исчезать. Как это можно реализовать и возможно ли в принципе?

Заранее спасибо за ответ!

Answer 1

[Anton fon Faust]

Так там же есть событие afterChange, на него и вешаете добавление стиля css на ваше меню, чтобы оно показывалось.
Когда слайд первый - убираете стиль чтобы менюха пряталась.
Работы на 5 минут.

Comments

[Гриша Никольский]

Видимо, не верно выразил мысль. Этот элемент должен быть проявлен 2, 3, 4, 5, 6 слайдеры и только на 1-ом убираться.

[Гриша Никольский]

Там есть Event breakpoint. Его можно как-нибудь применить в нужном мне направлении? Там в качестве аргумента можно передавать еще один event.

[Anton fon Faust]

@VoxelGod: ну, так, а в чем проблемы? Не знаете, как через javascript добавить css-класс? 
http://kenwheeler.github.io/slick/
$('.your-element').on('afterChange', function(event, slick, currentSlide, nextSlide){
  //и вот тут проверяете 
if(currentSlide!=0) {
$('.your-menu').addClass('hidden');
} else {
$('.your-menu').removeClass('hidden');
}
});

Только стили настройте и селекторы свои подставьте.