Difference between revisions of "Template:Queens Canada/Scripts"

m
m
 
(13 intermediate revisions by 2 users not shown)
Line 4: Line 4:
  
 
<script>
 
<script>
 
 
  
  
Line 167: Line 165:
 
function toInteractive() {
 
function toInteractive() {
 
     var startOfInteractive = (document.getElementById("home-welcome").offsetHeight) + (document.getElementsByClassName("navbar")[0].offsetHeight);
 
     var startOfInteractive = (document.getElementById("home-welcome").offsetHeight) + (document.getElementsByClassName("navbar")[0].offsetHeight);
     window.scrollTo(0, startOfInteractive);
+
     //window.scrollTo(0, startOfInteractive);
 +
    window.scroll({top: startOfInteractive, left: 0, behaviour: 'smooth'});
 +
    console.log("It should have just scrolled");
 
    
 
    
 
}
 
}
Line 173: Line 173:
 
     window.scrollTo(0, document.getElementById("team-title").offsetHeight);
 
     window.scrollTo(0, document.getElementById("team-title").offsetHeight);
 
}
 
}
 +
function scrollDownProject(){
 +
    window.scrollTo(0, document.getElementById("page-content").offsetHeight);
 +
}
 +
 
function googleTranslateElementInit() {
 
function googleTranslateElementInit() {
 
   new google.translate.TranslateElement({pageLanguage: 'en'}, 'translate-feature');
 
   new google.translate.TranslateElement({pageLanguage: 'en'}, 'translate-feature');
Line 180: Line 184:
 
function mobileNav() {
 
function mobileNav() {
 
     if(window.innerWidth <= 1024) {
 
     if(window.innerWidth <= 1024) {
        //navbarLinks[0].style.height = "0";
 
 
         var navBtn = document.getElementById("nav-icon");
 
         var navBtn = document.getElementById("nav-icon");
 
         if(navBtn.classList.contains("toggle-nav")) {
 
         if(navBtn.classList.contains("toggle-nav")) {
 
             closeMobileNav();
 
             closeMobileNav();
 +
        }
 +
        else {
 +
            navbarLinks[0].style.height = 0;
 
         }
 
         }
 
     }
 
     }
Line 281: Line 287:
 
     video.pause();
 
     video.pause();
 
     video.currentTime = 0;
 
     video.currentTime = 0;
 +
}
 +
 +
function pauseHomeVideo() {
 +
    var video = document.querySelector(".actual-intro-video")
 +
    video.pause();
 
}
 
}
  
Line 304: Line 315:
 
}
 
}
  
 
+
window.addEventListener("load", function () {
 +
    const loader = document.querySelector(".loader-wrapper");
 +
    loader.className += " hidden";
 +
    const e = document.getElementById("loader-wrapper-id");
 +
    e.addEventListener("animationend", (ev) => {
 +
        if (ev.type === "animationend") {
 +
            e.style.display = "none";
 +
        }
 +
    }, false);
 +
});
  
 
</script>
 
</script>

Latest revision as of 01:18, 27 October 2020