.overlay {
display: flex;
visibility: hidden;
opacity: 0;
transition: opacity 1s linear, visibility 1s linear;
.......
}
.overlay.show {
opacity: 1;
visibility: visible;
}<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">Добавьте .modal-dialog-centered в .modal-dialog чтобы вертикально центрировать модальное окно.
$('.header-area.sticky-header')$('.header-area.sticky-header') на $('.header-area') и все должно заработать.
const slidesCount = $('.sl__item').length;
$('.sl').slick({
slidesToShow: 4,
dots: 4 < slidesCount,
responsive: [
{
breakpoint: 1470,
settings: {
slidesToShow: 3,
dots: 3 < slidesCount,
}
}
]
});document.getElementById("calendarweek").addEventListener('change', function(e){
alert(e.target.value)
})$('.popup').fadeIn({
start: function() {
$(this).css('display','flex');
}
});//функция
handleEvent= (arg1, arg2, arg3) => (e) => {
console.log(e.target.value); //значение инпута, если надо
console.log(arg1); //аргумент 1
console.log(arg2); //аргумент 2
console.log(arg3); //аргумент 3
}
//вызов
<input onInput={this.handleEvent(arg1, arg2, arg3)}/>