HTML/CSS che scorrono verso il basso per diverse sezioni div su una pagina web

Question

Qualcuno mi può aiutare sto cercando per esempio di codice css/html:

ho una pagina web con 3 tasti (alto, medio, basso) ogni specificato a 1 sezione div sulla mia pagina, diciamo che la mia prima sezione div è nel mezzo di quella pagina div id='middle'.

Se faccio clic su questo pulsante (al centro) la mia pagina scorre automaticamente verso il basso dalla parte superiore della mia pagina alla sezione div #middle.

stessi per gli altri pulsanti riferisce a div id='top' e div id='bottom'

Grazie in avanti! Non riuscivo davvero a trovare alcuna soluzione su Internet.

C'è un modo per mantenere il mio elenco di pulsanti su una posizione fissa in modo che rimanga sullo schermo mentre si sposta attraverso le sezioni?

Answer 1

Per qualcosa di uso veramente di base questo:

<a href="#middle">Go To Middle</a> 

O per qualcosa di semplice in javascript Dai un'occhiata a questo plugin per jQuery ScrollTo. Abbastanza utile per scorrere senza problemi.

Answer 2

provare questo:

<input type="button" onClick="document.getElementById('middle').scrollIntoView();" /> 

Answer 3

HTML

<a href="#top">Top</a> 
<a href="#middle">Middle</a> 
<a href="#bottom">Bottom</a> 
<div id="top"><a href="top"></a>Top</div> 
<div id="middle"><a href="middle"></a>Middle</div> 
<div id="bottom"><a href="bottom"></a>Bottom</div> 

CSS

#top,#middle,#bottom{ 
    height: 600px; 
    width: 300px; 
    background: green; 
} 

Esempiohttp://jsfiddle.net/x4wDk/