Team:Calgary Entrepreneurial/Sandbox

From 2013.igem.org

(Difference between revisions)
Line 3: Line 3:
<!--Fonts-->
<!--Fonts-->
<link href='http://fonts.googleapis.com/css?family=Average|Roboto:400,300,500,500italic,400italic,300italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Average|Roboto:400,300,500,500italic,400italic,300italic' rel='stylesheet' type='text/css'>
-
 
-
<!--JQ Library-->
 
-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
 
<!--Stylesheets-->
<!--Stylesheets-->
Line 221: Line 218:
#blackheader{
#blackheader{
-
+
position: relative;
}
}
Line 296: Line 293:
display: inline-block;
display: inline-block;
margin-left: 0.5em;
margin-left: 0.5em;
 +
margin-top: 1em;
}
}
Line 314: Line 312:
</style>
</style>
 +
 +
<!--Window scrolling script for sticky header-->
 +
<script type="text/javascript">
 +
$(document).ready(function() {
 +
 +
var fixadent = $("#blackheader");
 +
var pos = fixadent.offset();
 +
 +
$(window).scroll(function() {
 +
 +
if($(this).scrollTop() > pos.top){
 +
$(fixadent).css('position', 'fixed');
 +
}
 +
else{
 +
$(fixadent).css('position', 'relative');
 +
}
 +
 +
});
 +
});
 +
 +
 +
 +
</script>
<script type="text/javascript">
<script type="text/javascript">
Line 322: Line 343:
document.createElement("nav");
document.createElement("nav");
</script>
</script>
-
 
-
 
</head>
</head>

Revision as of 03:54, 21 September 2013

Testing paragraph for the black section.

Paragraph text block for testing purposes.