Team:Uppsala/JavaScript

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
$(document).ready(function (){
+
jQuery(document).ready(function() {
-
var stats = $('.back-to-top'), timer;
+
    var stats = ('.back-to-top'), timer;
-
        var offset = 220;
+
    var offset = 220;
-
stats.hide();
+
    var duration = 1000;
-
+
  jQuery(window).scroll(function() {
-
$(function () {
+
        if (jQuery(this).scrollTop() > offset) {
-
$(window).scroll(function() {
+
             jQuery(stats).fadeIn(duration);
-
 
+
             clearTimeout(timer);
-
  if (jQuery(this).scrollTop() > offset) {
+
-
             stats.fadeIn();
+
-
             clearTimeout(timer);
+
             timer = setTimeout(function() {
             timer = setTimeout(function() {
-
stats.stop(true,true).fadeOut('slow');
+
            jQuery(stats).fadeOut(duration)}, 3000);    
-
}, 3000);
+
-
 
+
     }
     }
-
});
+
       
-
+
        });
-
$('.back-to-top').click(function () {
+
     
-
$('body,html').animate({
+
    jQuery(stats).click(function(event) {
-
scrollTop: 0
+
        event.preventDefault();
-
}, 800);
+
        jQuery('html, body').animate({scrollTop: 0}, duration);
-
return false;
+
        return false;
-
});
+
    });
-
});
+
});
});
-
 
-
 
-
jQuery(window).scroll(function() {
 
-
        if ((this).scrollTop() > offset) {
 
-
            ('.back-to-top').fadeIn(duration);     
 
-
    }
 

Revision as of 13:15, 16 July 2014

jQuery(document).ready(function() {

   var stats = ('.back-to-top'), timer;
   var offset = 220;
   var duration = 1000;
 jQuery(window).scroll(function() {
       if (jQuery(this).scrollTop() > offset) {
           jQuery(stats).fadeIn(duration);
           clearTimeout(timer);
           timer = setTimeout(function() {
           jQuery(stats).fadeOut(duration)}, 3000);     
   }
        
       });
      
   jQuery(stats).click(function(event) {
       event.preventDefault();
       jQuery('html, body').animate({scrollTop: 0}, duration);
       return false;
   });

});