html/css buttons that scroll down to different div sections on a webpage -

can me i'm searching css/html code example:

i have webpage 3 buttons(top, middle, bottom) each specified 1 div section on page, lets first div section in middle of page div id='middle'.

if click button(middle) page automatically scroll down top of page div #middle section.

same other buttons refered div id='top', , div id='bottom'

thanks in forward! couldnt find solution on internet.

is there way keep buttonlist on fixed position stays on screen while moving through sections?

for basic use this:

<a href="#middle">go middle</a> 

or simple in javascript check out jquery plugin scrollto. quite useful scrolling smoothly.