Template:Queens Canada/Header
From 2011.igem.org
(Difference between revisions)
Line 18: | Line 18: | ||
<div id="header"><img align="left" style="margin-bottom:0px; margin-top:3px; margin-left: -5px; padding:0;" src="https://static.igem.org/mediawiki/2011/c/c6/Queens_Canada_Test2.png" usemap="#headermap" alt="Queen's"> </div> | <div id="header"><img align="left" style="margin-bottom:0px; margin-top:3px; margin-left: -5px; padding:0;" src="https://static.igem.org/mediawiki/2011/c/c6/Queens_Canada_Test2.png" usemap="#headermap" alt="Queen's"> </div> | ||
<div id="left"> | <div id="left"> | ||
+ | |||
+ | |||
+ | <!--smooth scrolling--> | ||
+ | |||
+ | <link rel="stylesheet" href="css/style.css" /> | ||
+ | |||
+ | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script> | ||
+ | <script> | ||
+ | $(document).ready(function() { | ||
+ | function filterPath(string) { | ||
+ | return string | ||
+ | .replace(/^\//,'') | ||
+ | .replace(/(index|default).[a-zA-Z]{3,4}$/,'') | ||
+ | .replace(/\/$/,''); | ||
+ | } | ||
+ | var locationPath = filterPath(location.pathname); | ||
+ | var scrollElem = scrollableElement('html', 'body'); | ||
+ | |||
+ | $('a[href*=#]').each(function() { | ||
+ | var thisPath = filterPath(this.pathname) || locationPath; | ||
+ | if ( locationPath == thisPath | ||
+ | && (location.hostname == this.hostname || !this.hostname) | ||
+ | && this.hash.replace(/#/,'') ) { | ||
+ | var $target = $(this.hash), target = this.hash; | ||
+ | if (target) { | ||
+ | var targetOffset = $target.offset().top; | ||
+ | $(this).click(function(event) { | ||
+ | event.preventDefault(); | ||
+ | $(scrollElem).animate({scrollTop: targetOffset}, 400, function() { | ||
+ | location.hash = target; | ||
+ | }); | ||
+ | }); | ||
+ | } | ||
+ | } | ||
+ | }); | ||
+ | |||
+ | // use the first element that is "scrollable" | ||
+ | function scrollableElement(els) { | ||
+ | for (var i = 0, argLength = arguments.length; i <argLength; i++) { | ||
+ | var el = arguments[i], | ||
+ | $scrollElement = $(el); | ||
+ | if ($scrollElement.scrollTop()> 0) { | ||
+ | return el; | ||
+ | } else { | ||
+ | $scrollElement.scrollTop(1); | ||
+ | var isScrollable = $scrollElement.scrollTop()> 0; | ||
+ | $scrollElement.scrollTop(0); | ||
+ | if (isScrollable) { | ||
+ | return el; | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | return []; | ||
+ | } | ||
+ | |||
+ | }); | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
<!--accordion menu--> | <!--accordion menu--> |