• Meta

  Added about 1 year ago

• Categories

  • Navigation
  • Scrolling

• Links of interest

  1. Original Source
  2. Easing jQuery Plugin
  3. scrollTo jQuery Plugin

$(document).on('click', '#nav a', function() {
  $.scrollTo(this.hash, 2000, {
    easing: 'easeOutQuint'
  });
  return false;
});


if ($('body').hasClass('home')) {
  var $filter = $('#nav');
  var $filterSpacer = $('<div />', {
    "class": "filter-drop-spacer",
    "height": $filter.outerHeight()
  });


  if ($filter.size()) {
    $(window).scroll(function() {
      if (!$filter.hasClass('fix') && $(window).scrollTop() > $filter.offset().top) {
        $filter.before($filterSpacer);
        $filter.addClass("fix");
      } else if ($filter.hasClass('fix') && $(window).scrollTop() < $filterSpacer.offset().top) {
        $filter.removeClass("fix");
        $filterSpacer.remove();
      }
    });
  }
}


(function() {
  var transitionDuration = 250;

  $(function() {
    $('.triggerable').hide();
    $('form .contact .contact-content').hide();
    $('form .contact').hide();
  });

  $(document).on('change', '.trigger', function(e) {
    $('.triggerable').slideUp(transitionDuration);
    if ($(this).hasClass('project')) $('.triggerable.project').slideDown(transitionDuration);
    if ($(this).hasClass('question')) $('.triggerable.question').slideDown(transitionDuration);
    if ($(this).hasClass('speaker')) $('.triggerable.speaker').slideDown(transitionDuration);
    $('form .contact').slideDown(transitionDuration);
  });

  $(document).on('change', 'input[name="contact-type"]', function(e) {
    var parent = $(this).closest('.contact');
    var contactType = $(this).val();
    parent.find('.contact-content').slideUp(transitionDuration);
    parent.find('.contact-content-' + contactType).slideDown(transitionDuration);
  });
})();

$(document).on('click', '#nav a', function(){
	$.scrollTo(this.hash,2000,{easing:'easeOutQuint'});
	return false;
});


if($('body').hasClass('home')){
	var $filter = $('#nav');
	var $filterSpacer = $('<div />', {
		"class": "filter-drop-spacer",
		"height": $filter.outerHeight()
	});
  

	if ($filter.size())
	{
		$(window).scroll(function ()
		{     
			if (!$filter.hasClass('fix') && $(window).scrollTop() > $filter.offset().top)
			{
				$filter.before($filterSpacer);
				$filter.addClass("fix");
			}
			else if ($filter.hasClass('fix')  && $(window).scrollTop() < $filterSpacer.offset().top)
			{
				$filter.removeClass("fix");
				$filterSpacer.remove();
			}
		});
	}
}


(function() {
var transitionDuration = 250;

$(function(){
	$('.triggerable').hide();
	$('form .contact .contact-content').hide();
	$('form .contact').hide();
});

$(document).on('change', '.trigger', function(e) {
	$('.triggerable').slideUp(transitionDuration);
	if ( $(this).hasClass('project') ) $('.triggerable.project').slideDown(transitionDuration);
	if ( $(this).hasClass('question') ) $('.triggerable.question').slideDown(transitionDuration);
	if ( $(this).hasClass('speaker') ) $('.triggerable.speaker').slideDown(transitionDuration);
	$('form .contact').slideDown(transitionDuration);
});

$(document).on('change', 'input[name="contact-type"]', function(e) {
	var parent = $(this).closest('.contact');
	var contactType = $(this).val();
	parent.find('.contact-content').slideUp(transitionDuration);
	parent.find('.contact-content-' + contactType).slideDown(transitionDuration);
});
})();