Difference between revisions of "Team:Brasil-USP/Templates/Foot"

Latest revision as of 00:37, 18 September 2015

Back to top

@@ Line 2: / Line 2: @@
      <div class="container">
-       <footer>
+       <div id="footer">
-	<p class="pull-right"><a href="#top">Back to top</a></p>
 	<p>&copy; 2015 Brasil-USP Team
 	&middot; <a href="https://2015.igem.org/">iGEM</a>
 	&middot; <a href="http://www.ifsc.usp.br/english/">IFSC</a>
 	&middot; <a href="http://www.usp.br">USP</a></p>
-       </footer>
+       </div>
      </div>
-     <br /><br />
+     <a class="back-to-top" href="#top">Back to top</a>
      <!-- Bootstrap core JavaScript
      ================================================== -->
      <!-- Placed at the end of the document so the pages load faster -->
-     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+     <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> -->
-     <!--<script src="https://2015.igem.org/wiki/index.php?title=Team:Brasil-USP/Templates/js/bootstrap.min.js&action=raw&amp;ctype=text/js"></script>-->
-    <link rel="stylesheet" href="https://2015.igem.org/wiki/index.php?title=Team:Brasil-USP/Templates/js/bootstrap.min.js?action=raw&amp;ctype=text/css">
+    <script type="text/javascript" src="https://2015.igem.org/wiki/index.php?title=Team:Brasil-USP/Templates/js/bootstrapmin&action=raw&amp;ctype=text/javascript"></script>
      <script>
@@ Line 27: / Line 26: @@
          {
            this.hash.replace(/#/,'')
-           var $targetId = $(this.hash), $targetAnchor = $('[name=' + this.hash.slice(1) +']');
+           var $targetId = $(this.hash), $targetAnchor = $('[name="' + this.hash.slice(1) +'"]');
            var $target = $targetId.length ? $targetId : $targetAnchor.length ? $targetAnchor : false;
            if ($target)
            {
-             var targetOffset = $target.offset().top;
+             if ( $target.attr("class") == "top" ) { var targetOffset = $target.offset().top; }
+            else { var targetOffset = $target.offset().top - 70; }
              $(this).click(function()
              {
@@ Line 42: / Line 43: @@
          }
        });
+      var offset = 400;
+      var duration = 1000;
+      jQuery('.back-to-top').fadeOut(0);
+      jQuery(window).scroll(function() {
+        if (jQuery(this).scrollTop() > offset) {
+            jQuery('.back-to-top').fadeIn(duration);
+        } else {
+            jQuery('.back-to-top').fadeOut(duration);
+        }
+       });
      });
      </script>
 </html>