Team:Toulouse/Result/experimental-results

From 2014.igem.org

(Difference between revisions)
Line 58: Line 58:
p.legend{color:#5a6060; font-family:'Open Sans'; font-size:14px; margin:0 0 50px 0; line-height:24px; text-align: center;}
p.legend{color:#5a6060; font-family:'Open Sans'; font-size:14px; margin:0 0 50px 0; line-height:24px; text-align: center;}
 +
 +
#column-left.floatable {
 +
position: fixed;
 +
top: 10px; // non-obligatoire
 +
}
 +
</style>
</style>
 +
 +
  <script type="text/javascript">
 +
 +
// listen for scroll
 +
var positionElementInPage = $('#column-left').offset().top;
 +
$(window).scroll(
 +
    function() {
 +
        if ($(window).scrollTop() &gt;= positionElementInPage) {
 +
            // fixed
 +
            $('#column-left').addClass("floatable");
 +
        } else {
 +
            // relative
 +
            $('#column-left').removeClass("floatable");
 +
        }
 +
    }
 +
);
 +
    </script>
 +
<body>
<body>
Line 80: Line 104:
       <div class="centering" style="padding-top: 85px; padding-bottom:40px;">
       <div class="centering" style="padding-top: 85px; padding-bottom:40px;">
-
<div class="column-left" style="width:25%; float:left;">
+
<div id="column-left" style="width:25%; float:left;">
<h3>Content page</h3>
<h3>Content page</h3>
<ul>
<ul>

Revision as of 09:11, 15 October 2014