https://selton.com.ua/wp-content/themes/selton/js/custom.js?ver=1791456081

1$(document).ready(function() {
2
3    if($(window).width() > 1024){
4        $(window).scroll(function(){
5            if ($(window).scrollTop() >= 100) {
6                $('.site-header').addClass('fixed');
7            }
8            else {
9                $('.site-header').removeClass('fixed');
10            }
11        });
12    }
13
14
15    var overlay = $('#overlay'); // пoдлoжкa, дoлжнa быть oднa нa стрaнице
16    var open_modal = $('.open_modal'); // все ссылки, кoтoрые будут oткрывaть oкнa
17    var close = $('.modal_close, #overlay, .close-modal'); // все, чтo зaкрывaет мoдaльнoе oкнo, т.е. крестик и oверлэй-пoдлoжкa
18    var modal = $('.modal_div'); // все скрытые мoдaльные oкнa
19    open_modal.click( function(event){ // лoвим клик пo ссылке с клaссoм open_modal
20        event.preventDefault(); // вырубaем стaндaртнoе пoведение
21        var div = $(this).attr('href'); // вoзьмем стрoку с селектoрoм у кликнутoй ссылки
22        overlay.fadeIn(400, //пoкaзывaем oверлэй
23            function(){ // пoсле oкoнчaния пoкaзывaния oверлэя
24                $(div).css('display', 'block').animate({opacity: 1, top: '5%'}, 200); // плaвнo пoкaзывaем
25            });
26
27    });
28    close.click( function(){ // лoвим клик пo крестику или oверлэю
29        $('body').removeClass('fixed');
30        modal // все мoдaльные oкнa
31            .animate({opacity: 0, top: '0%'}, 200, // плaвнo прячем
32                function(){ // пoсле этoгo
33                    $(this).css('display', 'none');
34                    overlay.fadeOut(400); // прячем пoдлoжку
35                }
36            );
37    });
38
39    $('input[type="tel"], input[name="your-phone"]').mask("+38(099)99-99-999");
40
41    $('#nav-icon1,#nav-icon2,#nav-icon3,#nav-icon4').click(function(){
42        $(this).toggleClass('open2');
43    });
44    $('.burger').click(function () {
45        $('.header-bottom').slideToggle();
46    });
47
48    $('.language-switcher select, .language-switcher-mob select').niceSelect();
49
50    $.fn.scrollToTop = function() {
51        $(this).hide().removeAttr("href");
52        if ($(window).scrollTop() >= "250") $(this).fadeIn("slow")
53        var scrollDiv = $(this);
54        $(window).scroll(function() {
55            if ($(window).scrollTop() <= "250") $(scrollDiv).fadeOut("slow")
56            else $(scrollDiv).fadeIn("slow")
57        });
58        $(this).click(function() {
59            $("html, body").animate({scrollTop: 0}, "slow")
60        })
61    }
62
63    $("#go-top").scrollToTop();
64
65
66    $(".slider-wrap").on("init", function(event, slick){
67        $(".slider-wrap .slick-dots").css('margin-top', -($(".slider-wrap .slick-dots").height()/2));
68        $('.slider .slick-next').css('top', $(".slider-wrap .slick-dots").height()+$(".slider-wrap .slick-dots").position().top);
69        $('.slider .slick-prev, .count').css('top', $(".slider-wrap .slick-dots").position().top - $(".slider-wrap .slick-dots").height()-30);
70        $('.count').css('top', $(".slider-wrap .slick-dots").position().top - $(".slider-wrap .slick-dots").height());
71        $(".count").text('0' + parseInt(slick.currentSlide + 1));
72    });
73    $(".slider-wrap").on("afterChange", function(event, slick, currentSlide){
74        $(".count").text('0' + parseInt(slick.currentSlide + 1));
75    });
76    $('.slider-wrap').slick({
77        infinite: false,
78        slidesToShow: 1,
79        slidesToScroll: 1,
80        dots: true,
81        arrows: true,
82        autoplay: true,
83        autoplaySpeed: 5000
84    });
85
86    $('.service-work').slick({
87        infinite: false,
88        slidesToShow: 4,
89        slidesToScroll: 1,
90        dots: false,
91        arrows: true,
92        // autoplay: true,
93        // autoplaySpeed: 5000,
94        responsive: [
95            {
96                breakpoint: 1025,
97                settings: {
98                    slidesToShow: 3
99                }
100            },
101            {
102                breakpoint: 601,

103                settings: {
104                    slidesToShow: 2
105                }
106            },
107            {
108                breakpoint: 426,
109                settings: {
110                    slidesToShow: 1
111                }
112            }
113        ]
114    });
115
116    $(".about-text, .products-text").mCustomScrollbar({
117        theme:"dark",
118        autoDraggerLength: false,
119        scrollbarPosition: "outside",
120    });
121
122    $('.sertif-wrap').slick({
123        infinite: false,
124        slidesToShow: 3,
125        slidesToScroll: 1,
126        dots: false,
127        arrows: true,
128        responsive: [
129            {
130                breakpoint: 601,
131                settings: {
132                    slidesToShow: 2
133                }
134            },
135            {
136                breakpoint: 426,
137                settings: {
138                    slidesToShow: 1
139                }
140            }
141        ]
142    });
143
144    $('.gallery-item, .gallery-item2').magnificPopup({
145        type: 'image',
146        gallery:{
147            enabled:true
148        }
149    });
150
151    $('.slider').mousemove(function (e) {
152        var change;
153        var xpos=e.clientX;var ypos=e.clientY;var left= change*30;
154        var  xpos=xpos*1.5;ypos=ypos*1.5;
155        $('.slide-content .dots1').css('top',((70+(ypos/70))+"px")).css('left',((-100+(xpos/70))+"px"));
156        $('.slide-content .dots2').css('bottom',((50+(ypos/70))+"px")).css('right',((0+(xpos/70))+"px"));
157    });
158    $('.about').mousemove(function (e) {
159        var change;
160        var xpos=e.clientX;var ypos=e.clientY;var left= change*30;
161        var  xpos=xpos*1.5;ypos=ypos*1.5;
162        $('.about .green-dots').css('top',((13+(ypos/70))+"px")).css('left',((-125+(xpos/70))+"px"));
163    });
164    $('.products').mousemove(function (e) {
165        var change;
166        var xpos=e.clientX;var ypos=e.clientY;var left= change*30;
167        var  xpos=xpos*1.5;ypos=ypos*1.5;
168        $('.products-content .dots').css('top',((-130+(ypos/70))+"px")).css('right',((-150+(xpos/70))+"px"));
169    });
170    $('.services-block').mousemove(function (e) {
171        var change;
172        var xpos=e.clientX;var ypos=e.clientY;var left= change*30;
173        var  xpos=xpos*1.5;ypos=ypos*1.5;
174        $('.services-img .paralaxed').css('bottom',((-65+(ypos/70))+"px")).css('right',((-65+(xpos/70))+"px"));
175    });
176    $('.sertif-block-wrap:not(.sertif-block-wrap2)').mousemove(function (e) {
177        var change;
178        var xpos=e.clientX;var ypos=e.clientY;var left= change*30;
179        var  xpos=xpos*1.5;ypos=ypos*1.5;
180        $('.sertif-block .sertif-img').css('top',((-200+(ypos/70))+"px")).css('right',((-150+(xpos/70))+"px"));
181    });
182    $('.sertif-block-wrap2').mousemove(function (e) {
183        var change;
184        var xpos=e.clientX;var ypos=e.clientY;var left= change*30;
185        var  xpos=xpos*1.5;ypos=ypos*1.5;
186        $('.sertif-block-wrap2 .sertif-block .sertif-img').css('top',((-130+(ypos/70))+"px")).css('left',((-150+(xpos/70))+"px"));
187    });
188    $('.contact-form').mousemove(function (e) {
189        var change;
190        var xpos=e.clientX;var ypos=e.clientY;var left= change*30;
191        var  xpos=xpos*1.5;ypos=ypos*1.5;
192        $('.contact-form-wrap .dots1').css('bottom',((20+(ypos/70))+"px")).css('right',((-150+(xpos/70))+"px"));
193        $('.contact-form-wrap .dots2').css('bottom',((0+(ypos/70))+"px")).css('left',((-150+(xpos/70))+"px"));
194    });
195    $('.about-main').mousemove(function (e) {
196        var change;
197        var xpos=e.clientX;var ypos=e.clientY;var left= change*30;
198        var  xpos=xpos*1.5;ypos=ypos*1.5;
199        $('.about-main .dots').css('top',((0+(ypos/70))+"px")).css('left',((-75+(xpos/70))+"px"));
200    });
201    $('.service-item').mousemove(function (e) {
202        var change;
203        var xpos=e.clientX;var ypos=e.clientY;var left= change*30;
204        var  xpos=xpos*1.5;ypos=ypos*1.5;
205        $(this).find('svg.dots').css('top',((0+(ypos/70))+"px")).css('right',((0+(xpos/70))+"px"));
206    });
207    $('.service-item').mousemove(function (e) {
208        var change;
209        var xpos=e.clientX;var ypos=e.clientY;var left= change*30;
210        var  xpos=xpos*1.5;ypos=ypos*1.5;
211        $(this).find('svg.dots2').css('top',((-30+(ypos/70))+"px")).css('left',((-130+(xpos/70))+"px"));
212    });
213    $('.tz').mousemove(function (e) {
214        var change;
215        var xpos=e.clientX;var ypos=e.clientY;var left= change*30;
216        var  xpos=xpos*1.5;ypos=ypos*1.5;
217        $(this).find('.dots').css('bottom',((-50+(ypos/70))+"px")).css('left',((-115+(xpos/70))+"px"));
218        $(this).find('.dots2').css('top',((-110+(ypos/70))+"px")).css('right',((-150+(xpos/70))+"px"));
219    });
220    $('.product-wrap').mousemove(function (e) {
221        var change;
222        var xpos=e.clientX;var ypos=e.clientY;var left= change*30;
223        var  xpos=xpos*1.5;ypos=ypos*1.5;
224        $('.product-img .dots').css('top',((-50+(ypos/70))+"px")).css('left',((-110+(xpos/70))+"px"));
225        $('.product-desc .dots2').css('bottom',((-40+(ypos/70))+"px")).css('right',((-180+(xpos/70))+"px"));
226    });
227
228
229    $('.contacts-tab').click(function () {
230        $('.contacts-tab, .contacts-tab-content').removeClass('active');
231        $(this).addClass('active');
232        $('#contacts-tab-content'+$(this).attr('data-id')).addClass('active');
233    });
234
235    $('.product-tab').click(function () {
236        $('.product-tab, .product-tab-content').removeClass('active');
237        $(this).addClass('active');
238        $('.'+$(this).attr('id')).addClass('active');
239    });
240
241    AOS.init();
242
243
244    $('.pll-switcher-select ul li').on('click', function (){
245        let path = $(this).data('value');
246        if(path && /selton.com.ua/.test(path)){
247            window.location = path;
248        }
249    })
250
251    if($(window).width() <= 768){
252        $('li.menu-item-has-children>a').off('click');
253        $('li.menu-item-has-children>a').on('click', function (e){
254            e.preventDefault();
255            e.stopPropagation();
256            $(this).next('ul.sub-menu').toggle();
257        })
258    }
259
260
261});