HTML/CSS按鈕

Question

有人可以幫助我我在尋找css/html代碼示例：

我有3個按鈕（上，中，下）各指定的網頁我的網頁上的1 div部分，可以說我的第一個div部分在該頁面的中間div id='middle'。

如果我點擊此按鈕（中間），我的頁面會自動從我頁面的頂部 向下滾動到div #middle部分。

同爲refered到div的id='top'其他按鈕，和DIV id='bottom'

感謝在前進！我真的找不到在互聯網上的任何解決方案。

有沒有辦法讓我的按鈕列表保持在固定的位置，以便它保持在屏幕上，而 在各個部分中移動？

Answer 1

對於一些很基本的使用：

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

或用於JavaScript的一些簡單的看看這個jQuery插件ScrollTo。對於平滑滾動非常有用。

Answer 2

試試這個：

<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; 
} 

例http://jsfiddle.net/x4wDk/