Team:NCTU Formosa/source/head

From 2013.igem.org

(Difference between revisions)
Line 52: Line 52:
};
};
$('#toc').followTo(441);
$('#toc').followTo(441);
 +
});
 +
// Cache selectors
 +
var lastId,
 +
    topMenu = $("#toc"),
 +
    topMenuHeight = 0,
 +
    // All list items
 +
    menuItems = topMenu.find("a"),
 +
    // Anchors corresponding to menu items
 +
    scrollItems = menuItems.map(function(){
 +
      var item = $($(this).attr("href"));
 +
      if (item.length) { return item; }
 +
    });
 +
 +
// Bind click handler to menu items
 +
// so we can get a fancy scroll animation
 +
menuItems.click(function(e){
 +
  var href = $(this).attr("href"),
 +
      offsetTop = href === "#" ? 0 : $(href).offset().top-topMenuHeight+1;
 +
  $('html, body').stop().animate({
 +
      scrollTop: offsetTop
 +
  }, 300);
 +
  e.preventDefault();
 +
});
 +
 +
// Bind to scroll
 +
$(window).scroll(function(){
 +
  // Get container scroll position
 +
  var fromTop = $(this).scrollTop()+topMenuHeight;
 +
 
 +
  // Get id of current scroll item
 +
  var cur = scrollItems.map(function(){
 +
    if ($(this).offset().top < fromTop)
 +
      return this;
 +
  });
 +
  // Get the id of the current element
 +
  cur = cur[cur.length-1];
 +
  var id = cur && cur.length ? cur[0].id : "";
 +
 
 +
  if (lastId !== id) {
 +
      lastId = id;
 +
      // Set/remove active class
 +
      menuItems
 +
        .parent().removeClass("selected")
 +
        .end().filter("[href=#"+id+"]").parent().addClass("selected");
 +
  }                 
});
});
</script>
</script>

Revision as of 19:09, 29 August 2013

Retrieved from "http://2013.igem.org/Team:NCTU_Formosa/source/head"