"
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--> | ||
Revision as of 05:51, 28 September 2011
