Blättern mit Taste

Question

Angesichts der folgende Taste gedrückt:

<section id="section04" class="demo"> 
    <h1>Scroll Down Button #4</h1> 
    <a><span></span>Scroll</a> 
    </section> 

Wie kann ich den Knopf nach unten scrollen auf der Seite mit einer bestimmten Menge zu machen?

Answer 1

Mit jQuery

$("#section04").click(function(){ 
    $("html, body").stop().animate({ 
    scrollTop: 100px 
    },1000); 
}); 

ändern 100px erforderlich ist, um einen beliebigen Wert animieren.

Answer 2

Wenn Sie Vanille verwenden javascript Sie in Methoden gebaut Fenster scrollTo

//.html 

    <div style='height:4000px; border:solid red 2px; width:80%;'> 
     <input type='text' class='y' /> 
     <button>Scroll Y-axis</button> 
    </div> 

//.js 

    var button = document.querySelector('button') 

    button.addEventListener('click', function(){ 
     var y = document.querySelector('.y').value 
      window.scrollTo(0,y) 
    }) 

jsfiddle