"
Team:Missouri Miners
From 2011.igem.org
(Difference between revisions)
| Line 7: | Line 7: | ||
</div> | </div> | ||
</div> | </div> | ||
| + | |||
| + | <script src="jquery.js"></script> | ||
| + | <script> | ||
| + | $(function() { | ||
| + | |||
| + | var $sidebar = $("#sidebar"), | ||
| + | $window = $(window), | ||
| + | offset = $sidebar.offset(), | ||
| + | topPadding = 15; | ||
| + | |||
| + | $window.scroll(function() { | ||
| + | if ($window.scrollTop() > offset.top) { | ||
| + | $sidebar.stop().animate({ | ||
| + | marginTop: $window.scrollTop() - offset.top + topPadding | ||
| + | }); | ||
| + | } else { | ||
| + | $sidebar.stop().animate({ | ||
| + | marginTop: 0 | ||
| + | }); | ||
| + | } | ||
| + | }); | ||
| + | |||
| + | }); | ||
| + | </script> | ||
<div id="box" style="position: relative; width: 600px; margin-left: 100px; top:-278px; padding: 5px; background-color: #000000;"> | <div id="box" style="position: relative; width: 600px; margin-left: 100px; top:-278px; padding: 5px; background-color: #000000;"> | ||
Revision as of 01:46, 22 September 2011
Project Center
Introduction
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin tellus ligula, blandit et sollicitudin vitae, pharetra dictum nibh. Cras sed dui non ante bibendum fringilla vel id turpis.
<script src="jquery.js"></script> <script> $(function() {
var $sidebar = $("#sidebar"),
$window = $(window),
offset = $sidebar.offset(),
topPadding = 15;
$window.scroll(function() {
if ($window.scrollTop() > offset.top) {
$sidebar.stop().animate({
marginTop: $window.scrollTop() - offset.top + topPadding
});
} else {
$sidebar.stop().animate({
marginTop: 0
});
}
});
}); </script>
Hello
Test
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin tellus ligula, blandit et sollicitudin vitae, pharetra dictum nibh.
Test
Testing
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
The Team of 2011
