https://rayoflightthemes.com/assets/scripts-index.js

1/*!
2* Start Bootstrap - Agency v7.0.11 (https://startbootstrap.com/theme/agency)
3* Copyright 2013-2022 Start Bootstrap
4* Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-agency/blob/master/LICENSE)
5*/
6//
7// Scripts
8// 
9
10window.addEventListener('DOMContentLoaded', event => {
11
12    // Navbar shrink function
13    var navbarShrink = function () {
14        const navbarCollapsible = document.body.querySelector('#mainNav');
15        if (!navbarCollapsible) {
16            return;
17        }
18        if (window.scrollY === 0) {
19            navbarCollapsible.classList.remove('navbar-shrink')
20        } else {
21            navbarCollapsible.classList.add('navbar-shrink')
22        }
23
24    };
25
26    // Shrink the navbar 
27    navbarShrink();
28
29    // Shrink the navbar when page is scrolled
30    document.addEventListener('scroll', navbarShrink);
31
32
33
34});
35var mybutton = document.getElementById("myBtn");
36window.onscroll = function() {scrollFunction()};
37function scrollFunction() {
38  if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
39    mybutton.style.display = "block";
40  } else {
41    mybutton.style.display = "none";
42  }
43}
44function topFunction() {
45  document.body.scrollTop = 0;
46  document.documentElement.scrollTop = 0;
47}
48
49
50/*** counter ***/
51const counters = document.querySelectorAll(".counter-number");
52const duration = 2000;
53
54counters.forEach(counter => {
55  const target = +counter.getAttribute("data-target");
56  let startTime = null;
57
58  function animate(timestamp) {
59    if (!startTime) startTime = timestamp;
60    const progress = timestamp - startTime;
61
62    const value = Math.min(
63      Math.floor((progress / duration) * target),
64      target
65    );
66
67    counter.textContent = value;
68
69    if (progress < duration) {
70      requestAnimationFrame(animate);
71    }
72  }
73
74  requestAnimationFrame(animate);
75});