"

From 2014.igem.org

   <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
   <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
   <script>
   // Function to hide the green top bar when scrolling down

$(document).ready(function () { var navbar = $('#navbar'); var top = 20; navbar.css({ top: '20px', position: 'absolute' }); $(window).scroll(function (event) { var ypos = $(this).scrollTop(); if (ypos >= top) { navbar.css({ top: '0px', position: 'fixed' }); } else { navbar.css({ top: '20px', position: 'absolute' }); } }); }); </script>