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/