Team:Heidelberg/js/frontpage

From 2014.igem.org

(Difference between revisions)
Line 12: Line 12:
};
};
 +
 +
jQuery.extend(jQuery.easing, {
 +
    easeOutQuint: function(x, t, b, c, d) {
 +
        return c * ((t = t / d - 1) * t * t * t * t + 1) + b;
 +
    }
 +
});
 +
 +
var wheel = false,
 +
    $docH = $(document).height() - $(window).height(),
 +
    $scrollTop = $(window).scrollTop();
 +
 +
$(window).bind('scroll', function() {
 +
    if (wheel === false) {
 +
        $scrollTop = $(this).scrollTop();
 +
    }
 +
});
$(document).bind('DOMMouseScroll mousewheel', function(e, delta) {
$(document).bind('DOMMouseScroll mousewheel', function(e, delta) {

Revision as of 10:09, 23 September 2014

recalcRingSize = function(setPosition) { var placeholder = $("#img-placeholder"); var ring = $("#ring"); var width = placeholder.outerWidth(false); var position = placeholder.offset(); position.left = position.left - $(".container").offset().left; if(setPosition){

 ring.css(position);

} ring.css("width", width+"px"); placeholder.css("height", ring.height()+"px");

};

jQuery.extend(jQuery.easing, {

   easeOutQuint: function(x, t, b, c, d) {
       return c * ((t = t / d - 1) * t * t * t * t + 1) + b;
   }

});

var wheel = false,

   $docH = $(document).height() - $(window).height(),
   $scrollTop = $(window).scrollTop();

$(window).bind('scroll', function() {

   if (wheel === false) {
       $scrollTop = $(this).scrollTop();
   }

});

$(document).bind('DOMMouseScroll mousewheel', function(e, delta) {

   delta = delta || -e.originalEvent.detail / 3 || e.originalEvent.wheelDelta / 120;
   wheel = true;
   $scrollTop = Math.min($docH, Math.max(0, parseInt($scrollTop - delta * 30)));
   $($.browser.webkit ? 'body' : 'html').stop().animate({
       scrollTop: $scrollTop + 'px'
   }, 2000, 'easeOutQuint', function() {
       wheel = false;
   });
   return false;

});

$(document).ready(function(){

  controller = new ScrollMagic();
  $("#ring").load(function(){
     recalcRingSize(true);
     $("#img-placeholder img").css("display", "none");
     $("#ring").css("visibility", "");
     //skrollr.get().refresh();
  });
  
  var ringTween = new TweenMax("#ring", 2, { rotation: 360, left: -200, top: 600});
  
  var scene = new ScrollScene({duration: 600})

.setTween(ringTween) .addTo(controller);

  scene.addIndicators();
  //skrollr.init();

});

$( window ).resize(function() { recalcRingSize(false); //skrollr.get().refresh(); });