"
Template:Kyoto/js
From 2012.igem.org
(Difference between revisions)
| Line 2: | Line 2: | ||
<html> | <html> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
| + | function setScroll(element) { | ||
| + | element.css("position","relative"); | ||
| + | $(window).scroll(function() { | ||
| + | var parent = element.parent(); | ||
| + | if($(window).scrollTop() > parent.offset().top && (parent.height() + parent.position().top - 30) > ($(window).scrollTop() + element.height())) { | ||
| + | var scroll_top = $(window).scrollTop() - parent.offset().top; | ||
| + | element.css("top",scroll_top+"px"); | ||
| + | } else if ($(window).scrollTop() < (parent.offset().top)) { | ||
| + | element.css("top","0px"); | ||
| + | } | ||
| + | }); | ||
| + | } | ||
$(function() { | $(function() { | ||
setScroll($("#kyoto-menu")); | setScroll($("#kyoto-menu")); | ||
Revision as of 17:20, 25 September 2012
