Difference between revisions of "Team:Bio Without Borders/JS main"

 
(One intermediate revision by the same user not shown)
Line 8: Line 8:
  
 
var $window = $(window),
 
var $window = $(window),
$body = $('body'),
+
$body = $('.igem_2018_team_content'),
 
$wrapper = $('#page-wrapper'),
 
$wrapper = $('#page-wrapper'),
 
$banner = $('#banner'),
 
$banner = $('#banner'),
Line 64: Line 64:
 
target: $body,
 
target: $body,
 
visibleClass: 'is-menu-visible'
 
visibleClass: 'is-menu-visible'
});alert("meny");
+
});
  
 
// Header.
 
// Header.

Latest revision as of 12:48, 14 October 2018

/* Spectral by HTML5 UP html5up.net | @ajlkn Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)

  • /

(function($) {

var $window = $(window), $body = $('.igem_2018_team_content'), $wrapper = $('#page-wrapper'), $banner = $('#banner'), $header = $('#header');

// Breakpoints. breakpoints({ xlarge: [ '1281px', '1680px' ], large: [ '981px', '1280px' ], medium: [ '737px', '980px' ], small: [ '481px', '736px' ], xsmall: [ null, '480px' ] });

// Play initial animations on page load. $window.on('load', function() { window.setTimeout(function() { $body.removeClass('is-preload'); }, 100); });

// Mobile? if (browser.mobile) $body.addClass('is-mobile'); else {

breakpoints.on('>medium', function() { $body.removeClass('is-mobile'); });

breakpoints.on('<=medium', function() { $body.addClass('is-mobile'); });

}

// Scrolly. $('.scrolly') .scrolly({ speed: 1500, offset: $header.outerHeight() });

// Menu. $('#menu') .append('<a href="#menu" class="close"></a>') .appendTo($body) .panel({ delay: 500, hideOnClick: true, hideOnSwipe: true, resetScroll: true, resetForms: true, side: 'right', target: $body, visibleClass: 'is-menu-visible' });

// Header. if ($banner.length > 0 && $header.hasClass('alt')) {

$window.on('resize', function() { $window.trigger('scroll'); });

$banner.scrollex({ bottom: $header.outerHeight() + 1, terminate: function() { $header.removeClass('alt'); }, enter: function() { $header.addClass('alt'); }, leave: function() { $header.removeClass('alt'); } });

}

})(jQuery);