"
Team:Kyoto/HumanPractice
From 2012.igem.org
(Difference between revisions)
| Line 1: | Line 1: | ||
| - | {{ | + | <html> |
| + | <script> | ||
| + | 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"); | ||
| + | } | ||
| + | }); | ||
| + | } | ||
| + | window.onload = function() { | ||
| + | setScroll($("#kyotoscroll")); | ||
| + | }; | ||
| + | </script> | ||
| + | <style> | ||
| + | #kyotoscroll { | ||
| + | border : 1px solid #000000; | ||
| + | width: 100px; | ||
| + | height: 100px; | ||
| + | } | ||
| + | </style> | ||
| + | </html> | ||
| + | <div id="kyotoscroll"> | ||
| - | + | </div> | |
Revision as of 00:50, 26 September 2012
