|
|
| Line 1: |
Line 1: |
| − | (function($, window, undefined) {
| |
| − | "use strict";
| |
| | | | |
| − | jQuery(document).ready(function ($) {
| |
| − |
| |
| − | $(document).on('scroll', function () {
| |
| − | // if the scroll distance is greater than 100px
| |
| − | if ($(window).scrollTop() > 100) {
| |
| − | // do something
| |
| − | $('.site-header').addClass('scrolled-header');
| |
| − | }
| |
| − | else {
| |
| − | $('.site-header').removeClass('scrolled-header');
| |
| − | }
| |
| − | });
| |
| − |
| |
| − | // go to top
| |
| − | var offset = 300,
| |
| − | offset_opacity = 1200,
| |
| − | scroll_top_duration = 700,
| |
| − | $back_to_top = $('.go-top');
| |
| − | //hide or show the "back to top" link
| |
| − | $(window).on('scroll', function(){
| |
| − | ( $(this).scrollTop() > offset ) ? $back_to_top.addClass('go-top-visible') : $back_to_top.removeClass('go-top-visible go-top-fade-out');
| |
| − | if( $(this).scrollTop() > offset_opacity ) {
| |
| − | $back_to_top.addClass('go-top-fade-out');
| |
| − | }
| |
| − | });
| |
| − |
| |
| − | //smooth scroll to top
| |
| − | $back_to_top.on('click', function(event){
| |
| − | event.preventDefault();
| |
| − | $('body,html').animate({
| |
| − | scrollTop: 0 ,
| |
| − | }, scroll_top_duration
| |
| − | );
| |
| − | });
| |
| − |
| |
| − | $('nav.main-navigation > ul > li').each(function(){
| |
| − | $(this).find('.has-submenu').append('<i class="fa fa-angle-down"></i>');
| |
| − | });
| |
| − |
| |
| − | // Mobile navigation
| |
| − | $(".responsive-menu .menu-item-has-children").append('<div class="show-submenu"><i class="fa fa-chevron-circle-down"></i></div>');
| |
| − |
| |
| − | $(".responsive-menu").on("click", ".show-submenu", function(e) {
| |
| − | e.stopPropagation();
| |
| − |
| |
| − | $(this).parent().toggleClass("current")
| |
| − | .children(".sub-menu").toggleClass("open");
| |
| − |
| |
| − | $(this).html($(this).html() == '<i class="fa fa-chevron-circle-down"></i>' ? '<i class="fa fa-chevron-circle-up"></i>' : '<i class="fa fa-chevron-circle-down"></i>');
| |
| − | $(".nano").nanoScroller();
| |
| − | });
| |
| − |
| |
| − | $(".responsive-menu").on("click", "a", function(e) {
| |
| − | if( ($(this).attr('href') === "#") || ($(this).attr('href') === "") ) {
| |
| − | $(this).parent().children(".show-submenu").trigger("click");
| |
| − | return false;
| |
| − | } else {
| |
| − | offcanvas_close();
| |
| − | }
| |
| − | });
| |
| − | $(window).on("scroll", function() {
| |
| − | if($(window).scrollTop() > 80) {
| |
| − | $(".header").addClass("activeColour");
| |
| − | } else {
| |
| − | //remove the background property so it comes transparent again (defined in your css)
| |
| − | $(".header").removeClass("activeColour");
| |
| − | }
| |
| − | });
| |
| − |
| |
| − | $(function(){
| |
| − | $('#giflist li a img').hover(function(){
| |
| − | // on mouse enter
| |
| − | var customdata = $(this).parent().attr('id');
| |
| − | $(this).attr('src',customdata);
| |
| − | }, function(){
| |
| − | // on mouse leave
| |
| − | $(this).attr('src',$(this).attr('data-orig'));
| |
| − | });
| |
| − | });
| |
| − |
| |
| − | $(document).ready(function() {
| |
| − | $('.icon_design').click(function() {
| |
| − | //need to add if else here
| |
| − | $('#teammeb1').removeClass('grayscale');
| |
| − | });
| |
| − |
| |
| − | });
| |
| − |
| |
| − | $(function(){
| |
| − | $(".teammember").hover(
| |
| − | function(e){
| |
| − |
| |
| − | $(".sameBulb").hide();
| |
| − | $(".bulbChange").show();
| |
| − | }, // over
| |
| − | function(e){
| |
| − |
| |
| − | $(".sameBulb").show();
| |
| − | $(".bulbChange").hide();
| |
| − | } // out
| |
| − | );
| |
| − |
| |
| − | });
| |
| − | $(function(){
| |
| − | $('.icon_design').click(function() {
| |
| − | $('.design').show();
| |
| − | $(".fundraising").hide();
| |
| − | $(".hardware").hide();
| |
| − | $(".IT").hide();
| |
| − | $(".pr").hide();
| |
| − | $(".wetlab").hide();
| |
| − | $(".organization").hide();
| |
| − | $(".defaultText").hide();
| |
| − |
| |
| − | });
| |
| − | $('.icon_fundraising').click(function() {
| |
| − | $('.design').hide();
| |
| − | $(".fundraising").show();
| |
| − | $(".hardware").hide();
| |
| − | $(".IT").hide();
| |
| − | $(".pr").hide();
| |
| − | $(".wetlab").hide();
| |
| − | $(".organization").hide();
| |
| − | $(".defaultText").hide();
| |
| − | });
| |
| − | $('.icon_hardware').click(function() {
| |
| − | $('.design').hide();
| |
| − | $(".fundraising").hide();
| |
| − | $(".hardware").show();
| |
| − | $(".IT").hide();
| |
| − | $(".pr").hide();
| |
| − | $(".wetlab").hide();
| |
| − | $(".organization").hide();
| |
| − | $(".defaultText").hide();
| |
| − | });
| |
| − | $('.icon_IT').click(function() {
| |
| − | $('.design').hide();
| |
| − | $(".fundraising").hide();
| |
| − | $(".hardware").hide();
| |
| − | $(".IT").show();
| |
| − | $(".pr").hide();
| |
| − | $(".wetlab").hide();
| |
| − | $(".organization").hide();
| |
| − | $(".defaultText").hide();
| |
| − | });
| |
| − | $('.icon_pr').click(function() {
| |
| − | $('.design').hide();
| |
| − | $(".fundraising").hide();
| |
| − | $(".hardware").hide();
| |
| − | $(".IT").hide();
| |
| − | $(".pr").show();
| |
| − | $(".wetlab").hide();
| |
| − | $(".organization").hide();
| |
| − | $(".defaultText").hide();
| |
| − | });
| |
| − | $('.icon_wetlab').click(function() {
| |
| − | $('.design').hide();
| |
| − | $(".fundraising").hide();
| |
| − | $(".hardware").hide();
| |
| − | $(".IT").hide();
| |
| − | $(".pr").hide();
| |
| − | $(".wetlab").show();
| |
| − | $(".organization").hide();
| |
| − | $(".defaultText").hide();
| |
| − | });
| |
| − | $('.icon_organization').click(function() {
| |
| − | $('.design').hide();
| |
| − | $(".fundraising").hide();
| |
| − | $(".hardware").hide();
| |
| − | $(".IT").hide();
| |
| − | $(".pr").hide();
| |
| − | $(".wetlab").hide();
| |
| − | $(".organization").show();
| |
| − | $(".defaultText").hide();
| |
| − | });
| |
| − |
| |
| − | });
| |
| − |
| |
| − | function offsetAnchor() {
| |
| − | if(location.hash.length !== 0) {
| |
| − | window.scrollTo(window.scrollX, window.scrollY - 150);
| |
| − | }
| |
| − | }
| |
| − | $(window).on("hashchange",offsetAnchor);
| |
| − | window.setTimeout(offsetAnchor, 1);
| |
| − |
| |
| − |
| |
| − |
| |
| − | });
| |
| − |
| |
| − | })(jQuery, window);
| |
