Team:StanfordBrownSpelman/jquery.scroll

From 2014.igem.org

(Difference between revisions)
Line 2: Line 2:
var scrollSpeed = 750;
var scrollSpeed = 750;
 +
var space = 10;
$("#team").click(function() {
$("#team").click(function() {
     $('body, html').animate({
     $('body, html').animate({
-
         scrollTop: $("#teamNoodle").offset().top
+
         scrollTop: $("#teamNoodle").offset().top + space
     }, scrollSpeed);
     }, scrollSpeed);
     return false;
     return false;
Line 12: Line 13:
$("#projects").click(function() {
$("#projects").click(function() {
     $('body, html').animate({
     $('body, html').animate({
-
         scrollTop: $("#place").offset().top + 15
+
         scrollTop: $("#place").offset().top + space
     }, scrollSpeed);
     }, scrollSpeed);
     return false;
     return false;
Line 19: Line 20:
$("#wiki").click(function() {
$("#wiki").click(function() {
     $('body, html').animate({
     $('body, html').animate({
-
         scrollTop: $("#splash").offset().top
+
         scrollTop: $("#splash").offset().top + space
     }, scrollSpeed);
     }, scrollSpeed);
     return false;
     return false;
Line 26: Line 27:
$("#contact").click(function() {
$("#contact").click(function() {
     $('body, html').animate({
     $('body, html').animate({
-
         scrollTop: $("#precontact").offset().top
+
         scrollTop: $("#precontact").offset().top + space
     }, scrollSpeed);
     }, scrollSpeed);
     return false;
     return false;
Line 33: Line 34:
$("#pics").click(function() {
$("#pics").click(function() {
     $('body, html').animate({
     $('body, html').animate({
-
         scrollTop: $("#images").offset().top
+
         scrollTop: $("#images").offset().top + space
     }, scrollSpeed);
     }, scrollSpeed);
     return false;
     return false;
Line 40: Line 41:
$("#intro").click(function() {
$("#intro").click(function() {
     $('body, html').animate({
     $('body, html').animate({
-
         scrollTop: $("#int").offset().top
+
         scrollTop: $("#int").offset().top + space
     }, scrollSpeed);
     }, scrollSpeed);
     return false;
     return false;
Line 47: Line 48:
$("#data").click(function() {
$("#data").click(function() {
     $('body, html').animate({
     $('body, html').animate({
-
         scrollTop: $("#results").offset().top
+
         scrollTop: $("#results").offset().top + space
     }, scrollSpeed);
     }, scrollSpeed);
     return false;
     return false;
Line 54: Line 55:
$("#methods").click(function() {
$("#methods").click(function() {
     $('body, html').animate({
     $('body, html').animate({
-
         scrollTop: $("#process").offset().top
+
         scrollTop: $("#process").offset().top + space
     }, scrollSpeed);
     }, scrollSpeed);
     return false;
     return false;
Line 61: Line 62:
$("#links").click(function() {
$("#links").click(function() {
     $('body, html').animate({
     $('body, html').animate({
-
         scrollTop: $("#references").offset().top
+
         scrollTop: $("#references").offset().top + space
     }, scrollSpeed);
     }, scrollSpeed);
     return false;
     return false;
Line 81: Line 82:
$("#contact").click(function() {
$("#contact").click(function() {
     $('body, html').animate({
     $('body, html').animate({
-
         scrollTop: $("#test2").offset().top
+
         scrollTop: $("#test2").offset().top + space
     }, scrollSpeed);
     }, scrollSpeed);
     return false;  
     return false;  
     });
     });
             });
             });

Revision as of 23:05, 10 October 2014

$(document).ready(function() {

var scrollSpeed = 750; var space = 10;

$("#team").click(function() {

   $('body, html').animate({
       scrollTop: $("#teamNoodle").offset().top + space
   }, scrollSpeed);
   return false;
   });

$("#projects").click(function() {

   $('body, html').animate({
       scrollTop: $("#place").offset().top + space
   }, scrollSpeed);
   return false;
   });
   

$("#wiki").click(function() {

   $('body, html').animate({
       scrollTop: $("#splash").offset().top + space
   }, scrollSpeed);
   return false;
   });
   

$("#contact").click(function() {

   $('body, html').animate({
       scrollTop: $("#precontact").offset().top + space
   }, scrollSpeed);
   return false;
   });
   

$("#pics").click(function() {

   $('body, html').animate({
       scrollTop: $("#images").offset().top + space
   }, scrollSpeed);
   return false;
   });

$("#intro").click(function() {

   $('body, html').animate({
       scrollTop: $("#int").offset().top + space
   }, scrollSpeed);
   return false;
   });
   

$("#data").click(function() {

   $('body, html').animate({
       scrollTop: $("#results").offset().top + space
   }, scrollSpeed);
   return false;
   });
   

$("#methods").click(function() {

   $('body, html').animate({
       scrollTop: $("#process").offset().top + space
   }, scrollSpeed);
   return false;
   });
   

$("#links").click(function() {

   $('body, html').animate({
       scrollTop: $("#references").offset().top + space
   }, scrollSpeed);
   return false;
   });

$("#top").click(function() {

   $('body, html').animate({
       scrollTop: $("#header").offset().top - $("#header").height()
   }, scrollSpeed);
   return false;
   });

$("#top2").click(function() {

   $('body, html').animate({
       scrollTop: '0px'}, scrollSpeed);
   return false;
   });

$("#contact").click(function() {

   $('body, html').animate({
       scrollTop: $("#test2").offset().top + space
   }, scrollSpeed);
   return false; 
   });
            });