https://mintrans.gov.by/templates/mintransgovby_1.0/js/script.js?v=1790278633

1'use strict';
2//анимация при скролле
3const animItems=document.querySelectorAll('.anim-items');
4if(animItems.length>0){
5    window.addEventListener('scroll', animOnScroll);
6    function animOnScroll(){
7        for(let index=0; index<animItems.length; index++){
8            const animItem=animItems[index];
9            const animItemHeight= animItem.offsetHeight;
10            const animItemOffset= offset(animItem).top;
11            const animStart=4;
12
13            let animItemPoint=window.innerHeight-animItemHeight/animStart;
14            if(animItemHeight>window.innerHeight){
15                animItemPoint=window.innerHeight-window.innerHeight/animStart;
16
17            }
18            if((scrollY>animItemOffset-animItemPoint)&&scrollY<(animItemOffset+animItemHeight/2)){
19                animItem.classList.add('animActive');
20        
21            } else{
22                if(!animItem.classList.contains('anim-no-hidden')){
23                animItem.classList.remove('animActive');
24            }
25        }
26    }
27}
28    function offset(el){
29        const rect=el.getBoundingClientRect(),
30        scrollLeft=window.pageXOffset||document.documentElement.scrollLeft,
31        scrollTop=window.pageYOffset||document.documentElement.scrollTop;
32        return{top:rect.top+scrollTop, left:rect.left+scrollLeft}
33    }
34    setTimeout(()=>{
35        animOnScroll();
36    }, 300);
37    
38}
39
40
41jQuery(document).ready(function () {
42  console.log('ready');
43
44  function checkWidth() {
45    let windowWidth = jQuery('body').innerWidth(),
46        elem = jQuery(".right-container"); // лучше сохранять объект в переменную, многократно чтобы не нагружать 
47                                    // страницу для поиска нужного элемента
48  /*  if(windowWidth < 668){
49      elem.addClass('slider-vertical');
50    }
51    else{
52      elem.removeClass('slider-vertical');
53    }*/
54    
55    if(windowWidth < 1105){
56      jQuery('.nav-menu>.drop-down>a:first-child').on('click touchstart', function(e) {
57        e.preventDefault();
58        jQuery('.nav-menu>.drop-down>a:first-child').not(jQuery(this)).removeClass('menu-visible');
59        jQuery(this).toggleClass('menu-visible');
60       // return false;
61      });
62    }
63    else{
64      jQuery('.nav-menu>.drop-down>a:first-child').on('click touchstart', function() { 
65        preventDefault();
66      });
67    }
68
69  }
70  checkWidth(); // проверит при загрузке страницы
71
72  jQuery(window).resize(function(){
73    checkWidth(); // проверит при изменении размера окна клиента
74
75
76  });
77
78
79
80
81/*slick-slider*/
82  jQuery('.resourses-banners-carousel').slick({
83    infinite: true,
84    slidesToShow: 5,
85    slidesToScroll: 1,
86    autoplay: true,
87    autoplaySpeed: 4000,
88    speed: 1200,
89    easing: 'ease',
90    arrows: true,
91    dots: false,
92    swipeToSlide: true,
93    waitForAnimate: false,
94    //freeMode: true,
95    prevArrow: jQuery('.resourses-banners-arrow.left'),
96    nextArrow: jQuery('.resourses-banners-arrow.right'),
97    touchThreshold: 7,
98    responsive: [
99      {
100        breakpoint: 1340,
101        settings: {
102          slidesToShow: 4
103        }
104      },
105      {
106        breakpoint: 1050,
107        settings: {
108          slidesToShow: 3
109        }
110      },
111      {
112        breakpoint: 860,
113        settings: {
114          slidesToShow: 2
115        }
116      },
117      {
118        breakpoint: 576,
119        settings: {
120          slidesToShow: 1
121        }
122      }
123    ]
124  
125  });
126  
127  jQuery('.slider-vertical').slick({
128    infinite: true,
129    vertical:true,
130    slidesToShow: 10,
131    slidesToScroll: 2,
132    autoplay: true,
133    autoplaySpeed: 4000,
134    speed: 1200,
135    easing: 'ease',
136    arrows: false,
137    dots: true,
138    //swipeToSlide: true,
139    verticalSwiping: true,
140    draggable: true,
141    touchThreshold: true,
142    freeMode: true,
143    /*draggable: true,
144    swipe: true,
145    touchThreshold: 14,
146    touchMove: true,*/
147    responsive: [
148      {
149        breakpoint: 1024,
150        settings: {
151          slidesToShow: 4,
152          swipeToSlide: false,
153          slidesToScroll: 2,
154        }
155      },
156
157      {
158        breakpoint: 670,
159        settings: {
160          slidesToShow: 3,
161          slidesToScroll: 3,
162          dots: false,
163        }
164      },
165
166    ]
167
168}); 
169
170
171
172 
173});
174
175
176jQuery(document).ready(function(){
177
178  jQuery('.set-bg').each(function () {
179    var bg = jQuery(this).attr('bg-src');
180    jQuery(this).css('background-image', 'url(' + bg + ')');
181  });
182
183  //бургер
184  jQuery('.hamburger-menu').on('click touchstart', function(e) {
185    e.preventDefault();
186    jQuery('.nav-menu').toggleClass('menu-active');
187  });
188//мобильное меню
189  jQuery('.nav-close').on('click touchstart', function(e) {
190    e.preventDefault();
191    jQuery('.nav-menu').toggleClass('menu-active');
192  });
193    /*Клик вне элемента*/
194    jQuery(document).on('click touchstart', function(e) {
195      if (!jQuery(e.target).closest(".menu").length) {
196        jQuery('.nav-menu').removeClass('menu-active');
197        jQuery('.nav-menu>.drop-down>a:first-child').removeClass('menu-visible');
198      }
199  
200    });

201
202
203
204  //скролл для прокручивания вверх
205  jQuery(window).scroll(function () {
206      if (jQuery(this).scrollTop() > 200) {
207          jQuery('.scrollUp').fadeIn();
208      } else {
209          jQuery('.scrollUp').fadeOut();
210      }
211  });
212
213  jQuery('.spojler').click(function(e){
214    e.preventDefault();
215      jQuery('.spojler').not(jQuery(this)).removeClass('active');
216        jQuery('.hide_text').not(jQuery(this).next()).slideUp(500);
217        jQuery(this).toggleClass('active').next().slideToggle(500);
218  
219  });
220
221  /*появление строки поиска*/
222  jQuery('.button-search').on('click', function(e) {
223    e.preventDefault();
224    jQuery('.form-search').fadeIn(500);
225  });
226  /*Клик вне элемента*/
227  jQuery(document).on('click', function(e) {
228    if (!jQuery(e.target).closest(".search").length) {
229      jQuery('.form-search').fadeOut(500);
230    }
231
232  });
233
234});
235 
236
237
238
239
240
241
242