Team:DTU-Denmark/Templates/StartPage

From 2013.igem.org

(Difference between revisions)
 
(120 intermediate revisions not shown)
Line 4: Line 4:
<!-- *********** -->
<!-- *********** -->
-
    <link rel="stylesheet" href="https://2013.igem.org/Team:DTU-Denmark/stylesheet?action=raw&ctype=text/css" type="text/css" />
 
 +
    <link rel="stylesheet" href="https://2013.igem.org/Team:DTU-Denmark/stylesheet?action=raw&ctype=text/css" type="text/css" />
 +
  <link rel="icon" type="image/png" size="16x16" href="https://static.igem.org/mediawiki/2013/1/16/DTU-n2o-favicon.png"/> 
 +
 
<!-- JAVASCRIPTS -->
<!-- JAVASCRIPTS -->
Line 19: Line 21:
     <script>
     <script>
         $(function() {
         $(function() {
-
    // initialize scrollable
+
        // initialize scrollable
-
    $(".scrollable").scrollable().navigator();
+
        $(".scrollable").scrollable().navigator();
         });
         });
     </script>
     </script>
Line 26: 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 > 110) {
+
           
-
                $(".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) {
+
<!-- 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 56: Line 88:
         $(document).ready(
         $(document).ready(
             function(){
             function(){
-
                 $("ul.subnav").parent().find("> a").append("<span> ?</span>");
+
                 $("ul.subnav").parent().find("> a").append("<span> ▼</span>");
                 $("ul.topnav li").hover(
                 $("ul.topnav li").hover(
                     function() {
                     function() {
Line 110: Line 142:
     <!-- Header image -->
     <!-- Header image -->
 +
     <div id="header">
     <div id="header">
         <div class="centering">
         <div class="centering">
Line 116: 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