https://ndowuona.com/templates/astroid_template_zero/custom/custom.js

1jQuery(document).ready(function ($) {
2   var iOS = !window.MSStream && /iPad|iPhone|iPod/.test(navigator.userAgent); 
3
4    
5    var ua = navigator.userAgent,
6            eventClick = (ua.match(/iPad/i) || ua.match(/iPhone/)) ? "click" : "click";
7
8    if(iOS){
9       $('.menu-indicator').addClass('d-none'); 
10    }
11
12    var formElement = $('.header-right-section form.form-search');
13    formElement.click(function (event) {
14        event.stopPropagation();
15    });
16    formElement.find('label').on('click', function (e) {
17        formElement.addClass('active');
18
19    });
20    $(document).on("click", function (event) {
21        if (formElement.hasClass('active')) {
22            formElement.removeClass('active');
23        }
24        return true;
25    });
26
27    function initSliderSpecific(element) {
28        if ($(element).length === 0 || document.documentElement.clientWidth > 991)
29            return;
30
31        $(element).on('init', function (event, slick) {
32            $(element).find('.slick-next').html('').addClass('fa fa-chevron-right');
33            $(element).find('.slick-prev').html('').addClass('fa fa-chevron-left');
34        });
35        $(element).not('.slick-initialized').slick({
36            dots: false,
37            arrows: true,
38            infinite: true,
39            speed: 800,
40            autoplay: true,
41            autoplaySpeed: 3000,
42            slidesToShow: 1,
43            slidesToScroll: 1
44        });
45    }
46    function initSlider() {
47        if ($('.slider').length === 0)
48            return;
49        $(".slider").not('.slick-initialized').slick({
50            dots: false,
51            arrows: false,
52            infinite: true,
53            speed: 800,
54            autoplay: true,
55            autoplaySpeed: 4000,
56            slidesToShow: 1,
57            slidesToScroll: 1
58        });
59    }
60    function daytimeClassAction() {
61        $('body').addClass('morning');
62//        var d = new Date();
63//        var n = d.getHours();
64//        if (n >= 6 && n < 18) {
65//            $('body').addClass('morning');
66//        } else {
67//            $('body').addClass('evening');
68//        }
69    }
70    daytimeClassAction();
71
72    initSlider();
73    initSliderSpecific('#publication-list');
74    initSliderSpecific('#our-team-module');
75    initSliderSpecific('.itemid-132 .blog .items-row');
76//    function setBannerMargin() {
77//        $('#hero-section').css('margin-top', "-" + $('section[id^="header-section"]').height());
78//    }
79
80    function fixSliderHeight() {
81        $('.n2-ss-slider-1, .n2-ss-layers-container, .n2-ss-slider-1 div[data-slide-duration="0"]').css('height', window.innerHeight);
82    }
83    function initHomePage() {
84        window.setInterval(function () {
85            fixSliderHeight();
86        }, 500);
87    }
88    $('.mod-custom[data-background-image]').each(function () {
89        var bg = $(this).attr('data-background-image');
90        if (bg !== false && bg !== '') {
91            $(this).closest('section').addClass('parallax-section').css('background-image', 'url("' + bg + '")');
92        }
93
94    });
95    $('.bg-container').each(function () {
96        var bg = $(this).attr('data-background-image');
97        if (bg !== false && bg !== '') {
98            $(this).closest('section').addClass('parallax-section').css('background-image', 'url("' + bg + '")');
99        }
100
101    });
102
103    initHomePage();
104});
105/**home page scroll **/
106jQuery(document).ready(function ($) {
107    if ($('#our-story').length == 0) {
108        return false;
109    }
110    var c_width = $('#our-story .container').css('width');
111    var container_width = c_width.replace('px', '');
112    var container_height = $('#our-story .container').innerHeight() / 2;
113
114    $('.astroid-component-section').remove();
115    var sectionCount = 3;
116    $('.astroid-wrapper').find('section:not(.astroid-header-section)').each(function (index) {
117        if (index < sectionCount) {
118            $(this).addClass('banner-wrapper');
119            $(this).addClass('banner-' + (index + 1));
120            if (sectionCount == (index + 1)) {
121                $(this).next('section').addClass('after-banner');
122            }
123        }
124    });
125
126    function updateBox(e) {
127//        if (e.type == "enter") {
128//            $('section.pinned > div').css('left', function () {
129//                var width = document.documentElement.clientWidth - container_width;
130//                return width / 2 + 'px';
131//            });
132//        }
133    }
134    // make a variable to store the mouse pos.
135    var mouseTopPerc = 0;
136    // function to be used to retrieve variable
137    function getMousePos() {
138        return (mouseTopPerc * 400) + 10;
139    }
140    // update variable on mouse move
141    $("body").on("mousemove", function (e) {
142        mouseTopPerc = e.clientY / $(this).innerHeight();
143    });
144    function getHeight() {
145        return $(this).innerHeight();
146    }
147    var controller = new ScrollMagic.Controller();
148    // build scenes
149    var sectionCount = 4;
150    $('.astroid-component-section').remove();
151    $('.astroid-wrapper').find('section:not(.astroid-header-section)').each(function (index) {
152        if (index < sectionCount) {
153            $(this).addClass('banner-wrapper');
154            $(this).addClass('banner-' + (index + 1));
155            if (sectionCount == (index + 1)) {
156                $(this).next('section').addClass('after-banner');
157            }
158        }
159    });
160    for (var i = 1; i <= sectionCount; i++) {
161        new ScrollMagic.Scene({triggerElement: '.banner-' + i, duration: '100%'})
162                .setClassToggle(".banner-" + i, "pinned") // add class toggle
163                .on("enter", updateBox)
164                //.addIndicators()
165                .addTo(controller);
166    }
167
168});
169
170/** about us page scroll **/
171jQuery(document).ready(function ($) {
172    if ($('body.about-us-alias').length == 0) {
173        return false;

174    }
175
176    $('.astroid-component-section').remove();
177    var sectionCount = 2;
178    $('.astroid-wrapper').find('section:not(.astroid-header-section)').each(function (index) {
179        if (index < sectionCount) {
180            $(this).addClass('banner-wrapper');
181            $(this).addClass('banner-' + (index + 1));
182            if (sectionCount == (index + 1)) {
183                $(this).next('section').addClass('after-banner');
184            }
185        }
186    });
187    var c_width = $('.banner-1 .container').css('width');
188    var c_height = $('.banner-1 .container').css('height');
189    var container_width = c_width.replace('px', '');
190    var container_height = c_height.replace('px', '');
191
192    function updateBox(e) {
193//        if (e.type == "enter") {
194//            $('section.pinned > div').css('left', function () {
195//                var width = document.documentElement.clientWidth - container_width;
196//                return width / 2 + 'px';
197//            });
198//        }
199    }
200    function scrollToElement(element) {
201        $('html,body').animate({
202            scrollTop: $(element).offset().top
203        }, 'slow');
204    }
205    var controller = new ScrollMagic.Controller({globalSceneOptions: {triggerHook: "onEnter"}});
206    // build scenes
207    const duration = '100%';
208    for (var i = 1; i <= sectionCount; i++) {
209        new ScrollMagic.Scene({triggerElement: '.banner-' + i, duration: '100%'})
210                .setClassToggle(".banner-" + i, "pinned") // add class toggle
211                .on("enter", updateBox)
212                //.addIndicators()
213                .addTo(controller);
214    }
215
216
217
218});
219
220jQuery(document).ready(function ($) {
221    var ele = '.astroid-component-section > .container > .astroid-row > .col-lg-3';
222    var element = $(ele);
223    if ($(element).length == 0) {
224        return false;
225    }
226    var eleWidth = element.css('width');
227    element.wrapInner('<div/>');
228    var duration = $(element).height() - $(element).find('> div').innerHeight();
229
230    function fixWidth(e) {
231        if (e.type == "enter") {
232            $(element).find('> div').css('width', eleWidth);
233        }
234        if (e.type == "leave") {
235            $(element).find('> div').css('width', 'auto');
236        }
237    }
238
239    if (document.documentElement.clientWidth > 991) {
240        var controller = new ScrollMagic.Controller({globalSceneOptions: {triggerHook: "onLeave"}});
241        // build scenes
242        new ScrollMagic.Scene({triggerElement: ele, duration: duration})
243                .setClassToggle(ele, "sticky") // add class toggle
244                .on("enter leave", fixWidth)
245                //.addIndicators()
246                .addTo(controller);
247    }
248
249
250
251});
252
253jQuery(document).ready(function ($) {
254    var ele = '.auto-sticky';
255    var element = $(ele);
256    if ($(element).length == 0) {
257        return false;
258    }
259    var eleWidth = element.css('width');
260    element.wrapInner('<div/>');
261    var duration = $(element).height() - $(element).find('> div').innerHeight();
262    function fixWidth(e) {
263        if (e.type == "enter") {
264            $(element).find('> div').css('width', eleWidth);
265        }
266        if (e.type == "leave") {
267            $(element).find('> div').css('width', 'auto');
268        }
269    }
270
271    if (document.documentElement.clientWidth > 991) {
272        var controller = new ScrollMagic.Controller({globalSceneOptions: {triggerHook: "onLeave"}});
273        // build scenes
274        new ScrollMagic.Scene({triggerElement: ele, duration: duration})
275                .setClassToggle(ele, "sticky") // add class toggle
276                .on("enter leave", fixWidth)
277                //.addIndicators()
278                .addTo(controller);
279    }
280
281
282
283});
284jQuery(document).ready(function ($) {
285    $(document).on('click', '.menu-indicator', function (e) {
286        e.preventDefault();
287        $(this).next('.dropdown-menus').toggleClass('menu_open');
288        return true;
289    });
290    $(document).on('click', '.menu-indicator-back', function (e) {
291        e.preventDefault();
292        $(this).parent().parent('.dropdown-menus').removeClass('menu_open');
293        return true;
294    });
295
296    
297    $('#astroid-offcanvas').prepend('<a  href="/" id="menu-logo"/>');
298    $('#astroid-offcanvas').find('.fa-angle-right').addClass('fa-chevron-right').removeClass('fa-angle-right');
299
300//    $(document).on(eventClick, '.parent.menu-item.subMenu-wrapper > .separator', function (e) {
301//        e.preventDefault();
302//        $(this).next('.menu-indicator').trigger(eventClick);
303//        return true;
304//    });
305
306    $('.banner-wrapper >div,#hero-section > div').append('<a class="next_section"><i class="fa fa-chevron-down"></i></a>');
307    $('section .next_section').on('click', function (e) {
308        e.preventDefault();
309        console.log('asdsad');
310        var $next_section = $(this).closest('section').next('section');
311        if ($next_section !== undefined) {
312            $('html, body').animate({
313                scrollTop: $next_section.offset().top
314            }, 200);
315        }
316
317    });
318});