我有两个带有以下内容的div:
width:100%; height:100%
我整个文档的高度为200%; 两个div之间有一个链接,
当我点击链接时,希望网页平滑地滑动到另一个div,
我知道在jquery中如何运作,例如使用.scrollto,但我的客户想要没有框架的应用程序。只有javascript和css!
我尝试使用translateY来实现它,但它没有起作用!
这是一段示例代码: http://jsfiddle.net/hSU7R/
HTML
<div class="full" id="one">
<span style="width:100%; background-color:blue">
<a href="#two" >Scroll to 2</a>
</span>
</div>
<div class="full" id="two">
<span style="width:100%; background-color:blue">
<a href="#one" >Scroll to 1</a></span>
</div>
The CSS
html,body {
width:100%;
height:100%;}
.full {
height:100%;
width:100%;}
#one {background-color:green}
#two {background-color:red}