Разработка сайтов

Несколько полезных скриптов для сайта на Тильде

Тильда
Скрипт для открытия всплывающего окна при клике на кнопку:
$(document).ready(function(){

$('.button').click(function(){

$('.popup').fadeIn();

});

});
Скрипт для создания слайдера:
$(document).ready(function(){

$('.slider').slick({

autoplay: true,

autoplaySpeed: 3000,

arrows: false,

dots: true

});

});
Скрипт для добавления класса при прокрутке страницы:
$(document).ready(function(){

$(window).scroll(function(){

if ($(this).scrollTop() > 100) {

$('.header').addClass('sticky');

} else {

$('.header').removeClass('sticky');

}

});

});
Скрипт для плавной прокрутки страницы при клике на ссылку:
$(document).ready(function(){

$('a[href^="#"]').on('click', function(e) {

e.preventDefault();



var target = this.hash;

var $target = $(target);



$('html, body').stop().animate({

'scrollTop': $target.offset().top

}, 1000, 'swing', function() {

window.location.hash = target;

});

});

});
Made on
Tilda