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



Scroll down to find out more