$(window).scroll(function(){
if($(this).scrollTop() > 1){
$('.nav').addClass('sticky');
} else {
$('.nav').removeClass('sticky');
}
});
<form >
<input type="radio" name="name" id="r-1" class="input" checked>
<input type="radio" name="name" id="r-2" class="input">
<input type="radio" name="name" id="r-3" class="input">
<label for="r-1" class="label l-1">Текст 1</label>
<label for="r-2" class="label l-2">Текст 2</label>
<label for="r-3" class="label l-3">Текст 3</label>
</form>
.label {
display: none;
}
#r-1:checked~.l-1,
#r-2:checked~.l-2,
#r-3:checked~.l-3{
display: block;
}
slidesToScroll: 1 - тогда перелистывание работает нормально, но и через swipe уже нельзя листать больше 1 слайда
а если к примеру поставить slidesToScroll: 9
если стрелками влево долистать до 1 слайда и листать дальше, то слайд показывает последний
vertical: true
infinite: true
$('.animate').animate({
'opacity': '320'
}, {
step: function (now, fx) {
$(this).css({"transform": "translate3d(0px, " + now + "px, 0px)"});
},
duration: 10000,
easing: 'linear',
queue: false,
complete: function () {
alert('Animation is done');
}
}, 'linear');
$('.fade').slick({
dots: true,
infinite: true,
speed: 500,
fade: true,
cssEase: 'linear'
});