仅使用CSS3创建类似Javascript的ScrollTo效果?

时间:2011-11-03 07:55:08

标签: css css3 scroll

是否可以仅使用CSS3创建类似Javascript的scrollTo效果?例如:

<a href="#location">Button</a>

并以某种方式告诉窗口顺利滚动到该位置?使用Javascript非常简单,但CSS会更精彩。

1 个答案:

答案 0 :(得分:0)

我想不出任何办法。

  1. CSS的动画工具只允许您更改CSS属性,并且没有任何可以让您参考屏幕上元素的位置或页面滚动的数量。
  2. CSS可以回复被点击的元素的唯一方法是通过:active:visited选择器,并使用:visited设置链接动画似乎不起作用。
  3. 您可以使用:active为链接的下边距设置动画,但动画只会在用户按住鼠标按钮时运行。请参阅http://jsfiddle.net/w5kcr/1/