123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128 |
- /*
- Stellar 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 = $('body'),
- $main = $('#main');
-
- // Breakpoints.
- breakpoints({
- xlarge: [ '1281px', '1680px' ],
- large: [ '981px', '1280px' ],
- medium: [ '737px', '980px' ],
- small: [ '481px', '736px' ],
- xsmall: [ '361px', '480px' ],
- xxsmall: [ null, '360px' ]
- });
-
- // Play initial animations on page load.
- $window.on('load', function() {
- window.setTimeout(function() {
- $body.removeClass('is-preload');
- }, 100);
- });
-
- // Nav.
- var $nav = $('#nav');
-
- if ($nav.length > 0) {
-
- // Shrink effect.
- $main
- .scrollex({
- mode: 'top',
- enter: function() {
- $nav.addClass('alt');
- },
- leave: function() {
- $nav.removeClass('alt');
- },
- });
-
- // Links.
- var $nav_a = $nav.find('a');
-
- $nav_a
- .scrolly({
- speed: 1000,
- offset: function() { return $nav.height(); }
- })
- .on('click', function() {
-
- var $this = $(this);
-
- // External link? Bail.
- if ($this.attr('href').charAt(0) != '#')
- return;
-
- // Deactivate all links.
- $nav_a
- .removeClass('active')
- .removeClass('active-locked');
-
- // Activate link *and* lock it (so Scrollex doesn't try to activate other links as we're scrolling to this one's section).
- $this
- .addClass('active')
- .addClass('active-locked');
-
- })
- .each(function() {
-
- var $this = $(this),
- id = $this.attr('href'),
- $section = $(id);
-
- // No section for this link? Bail.
- if ($section.length < 1)
- return;
-
- // Scrollex.
- $section.scrollex({
- mode: 'middle',
- initialize: function() {
-
- // Deactivate section.
- if (browser.canUse('transition'))
- $section.addClass('inactive');
-
- },
- enter: function() {
-
- // Activate section.
- $section.removeClass('inactive');
-
- // No locked links? Deactivate all links and activate this section's one.
- if ($nav_a.filter('.active-locked').length == 0) {
-
- $nav_a.removeClass('active');
- $this.addClass('active');
-
- }
-
- // Otherwise, if this section's link is the one that's locked, unlock it.
- else if ($this.hasClass('active-locked'))
- $this.removeClass('active-locked');
-
- }
- });
-
- });
-
- }
-
- // Scrolly.
- $('.scrolly').scrolly({
- speed: 1000
- });
-
- })(jQuery);
-
- function topFunction() {
- document.body.scrollTop = 0; // For Safari
- document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
- }
|