Team:UCLA/Template/Javascript
From 2014.igem.org
(Difference between revisions)
Samichaels (Talk | contribs) |
Samichaels (Talk | contribs) |
||
Line 146: | Line 146: | ||
<!--SLIDING SIDE BAR--> | <!--SLIDING SIDE BAR--> | ||
+ | <script type="text/javascript"> | ||
+ | $("#menu-toggle").click(function(e) { | ||
+ | e.preventDefault(); | ||
+ | $("#wrapper").toggleClass("active"); | ||
+ | }); | ||
+ | |||
+ | |||
+ | $('body').scrollspy({ target: '#spy', offset:80}); | ||
+ | |||
+ | |||
+ | $('a[href*=#]:not([href=#])').click(function() { | ||
+ | if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') || location.hostname == this.hostname) { | ||
+ | |||
+ | var target = $(this.hash); | ||
+ | target = target.length ? target : $('[name=' + this.hash.slice(1) + ']'); | ||
+ | if (target.length) { | ||
+ | $('html,body').animate({ | ||
+ | scrollTop: target.offset().top | ||
+ | }, 1000); | ||
+ | return false; | ||
+ | } | ||
+ | } | ||
+ | }); | ||
+ | </script> | ||
</html> | </html> |
Revision as of 21:48, 7 August 2014