创建一个类似Javascript的Scroll,只使用CSS3就可以生效吗?

创建一个类似Javascript的Scroll,只使用CSS3就可以生效吗?,css,scroll,Css,Scroll,是否可以只使用CSS3创建一个类似Javascript的ScrollToEffect?例如: <a href="#location">Button</a> 然后告诉窗口平滑地滚动到那个位置?使用Javascript非常简单,但是CSS会更棒。我想不出任何方法来实现它 CSS的动画功能只允许您更改CSS属性,并且没有任何功能允许您参考屏幕上元素的位置,或者页面的滚动程度 CSS能够响应被单击元素的唯一方法是通过:active和:visted选择器,并且使用:viste

是否可以只使用CSS3创建一个类似Javascript的ScrollToEffect?例如:

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


然后告诉窗口平滑地滚动到那个位置?使用Javascript非常简单,但是CSS会更棒。

我想不出任何方法来实现它

  • CSS的动画功能只允许您更改CSS属性,并且没有任何功能允许您参考屏幕上元素的位置,或者页面的滚动程度
  • CSS能够响应被单击元素的唯一方法是通过
    :active
    :visted
    选择器,并且使用
    :visted
    来设置链接动画似乎不起作用
  • 您可以使用
    :active
    为链接的下边距设置动画,但动画仅在用户按住鼠标按钮时运行。看