Team:DTU-Denmark/Templates/StartPage

From 2013.igem.org

(Difference between revisions)
 
(103 intermediate revisions not shown)
Line 21: Line 21:
     <script>
     <script>
         $(function() {
         $(function() {
-
    // initialize scrollable
+
        // initialize scrollable
-
    $(".scrollable").scrollable().navigator();
+
        $(".scrollable").scrollable().navigator();
         });
         });
     </script>
     </script>
Line 28: Line 28:
     <!-- Navigation scroll follow -->
     <!-- Navigation scroll follow -->
     <script type="text/javascript">
     <script type="text/javascript">
-
         $(window).scroll(function () {  
+
        var prevScrollPos = -1000;
-
             var scrollPos = $(window).scrollTop();
+
         $(window).scroll(function () {
-
             if (scrollPos > 240) { <!-- was 110 -jakob -->
+
           
-
                $(".navigation").addClass("stickToTop");
+
            <!-- here is added table of content fixing to screen : was all 35 with Title OutsideWhitebox-->
 +
             var scrollPos = Math.floor($(window).scrollTop());
 +
 
 +
             if(Math.abs(prevScrollPos - scrollPos) <= 1){
 +
                  return "nuthin";
 +
            }
 +
 
 +
 
 +
            var toc_margin_from_top = $(".navigation").height() + 35;
 +
            var scroll_pos_above_start_of_article = scrollPos < $(".whitebox.article").offset().top - 68;
 +
            var toc_end_reached_bottom_of_article = scrollPos + toc_margin_from_top + $(".toc").height() > $(".whitebox.article").offset().top + $(".whitebox.article").height() - 35;
 +
            var toc_margin_from_title = scrollPos < ($(".whitebox.article").offset().top );
 +
           
 +
 
 +
 
 +
            if(scroll_pos_above_start_of_article){
 +
                  $(".toc").offset({top: $(".whitebox.article").offset().top + 68});
 +
            } else if(toc_end_reached_bottom_of_article){
 +
                  $(".toc").offset({top: $(".whitebox.article").offset().top + $(".whitebox.article").height() - $(".toc").height() - 35});
 +
            } else if(toc_margin_from_title){
 +
                  $(".toc").offset({top: $(".whitebox.article").offset().top + 68});
             } else {
             } else {
-
                $(".navigation").removeClass("stickToTop");
+
                  $(".toc").offset({top: scrollPos + toc_margin_from_top});
             }
             }
-
            if (scrollPos > 180) { <!-- was 180 -jakob -->
+
<!-- new attempt to fix menubar (jakob) -->
-
                $(".toc").addClass("stickBelowNavigation");
+
 
 +
            var scroll_pos_above_menubar = scrollPos < 250;
 +
 
 +
            if(scroll_pos_above_menubar){
 +
                  $(".navigation").offset({top: 250 });
             } else {
             } else {
-
                $(".toc").removeClass("stickBelowNavigation");
+
                  $(".navigation").offset({top: scrollPos});
             }
             }
 +
 +
            //if (scroll_pos_below_start_of_article){ //&& (scrollPos < $(document).height() - $(".navigation")[0].height() - 70)) {
 +
            //    $(".toc").addClass("stickBelowNavigation");
 +
            //} else {
 +
            //  $(".toc").removeClass("stickBelowNavigation");
 +
            //}
         });
         });
     </script>
     </script>
Line 112: Line 142:
     <!-- Header image -->
     <!-- Header image -->
 +
     <div id="header">
     <div id="header">
         <div class="centering">
         <div class="centering">
Line 118: Line 149:
     <!-- Navigation bar -->
     <!-- Navigation bar -->
-
     </html>{{:Team:DTU-Denmark/Templates/Navigationbar}}<html>
+
     </html>{{:Team:DTU-Denmark/Templates/Navigationbar2}}<html>
-
     <!-- Page heading -->
+
 
-
     <div id="heading">
+
     <!-- Prepare for content -->
 +
     <div id="innercontent">
         <div class="centering">
         <div class="centering">
-
             <h1>
+
             <div class="whitebox article">
 +
 
 +
<div class="overviewPage">           
 +
<h1>
</html>
</html>
{{{1}}}
{{{1}}}
<html>
<html>
-
            </h1>
+
</h1>
-
        </div>
+
</div>
-
    </div>
+
-
    <!-- Prepare for content -->
 
-
    <div id="innercontent">
 
-
        <div class="centering">
 
-
            <div class="whitebox article">
 
</html>
</html>

Latest revision as of 21:54, 4 October 2013