Difference between revisions of "Template:Elanvitalkorea"
Line 331: | Line 331: | ||
<h3 class="scrolltext" align="middle"> Scroll down to find out more </h3> | <h3 class="scrolltext" align="middle"> Scroll down to find out more </h3> | ||
− | <a href="#"><img class="scrollarrow" src="https://static.igem.org/mediawiki/2015/d/d2/Scroll_arrow.png" style="max-width:100%, height:auto;" align="middle"></a> | + | <a href="#pagedown"><img class="scrollarrow" src="https://static.igem.org/mediawiki/2015/d/d2/Scroll_arrow.png" style="max-width:100%, height:auto;" align="middle"></a> |
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | <div id="pagedown"> | ||
+ | </div> | ||
+ | <script> | ||
+ | $(document).ready(function(){ | ||
+ | $('a[href^="#"]').on('click',function (e) { | ||
+ | e.preventDefault(); | ||
+ | |||
+ | var target = this.hash; | ||
+ | var $target = $(target); | ||
+ | |||
+ | $('html, body').stop().animate({ | ||
+ | 'scrollTop': $target.offset().top | ||
+ | }, 900, 'swing', function () { | ||
+ | window.location.hash = target; | ||
+ | }); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
<html> | <html> |
Revision as of 13:59, 27 August 2015