僅使用CSS3創建類似Javascript的滾動效果？

Question

是否可以使用CSS3創建一個類似Javascript的滾動效果？例如：

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

不知何故告訴窗口順利滾動到該位置？使用Javascript很容易，但CSS會更精彩。

Answer 1

我想不出有辦法做到這一點。

1. CSS的動畫設施只允許您更改CSS屬性，並且沒有任何讓您引用屏幕上元素的位置或頁面滾動的程度。
2. CSS可以響應被點擊元素的唯一方法是通過:active和:visited選擇器，並使用:visited爲鏈接設置動畫效果似乎不起作用。
3. 您可以使用:active爲鏈接的底部邊距設置動畫，但動畫只會在用戶按住鼠標按鈕的同時運行。見http://jsfiddle.net/w5kcr/1/

Answer 2

這個問題很老了，但我看到的是一個辦法做到這一點我自己，而這個鏈接描述了一個快速的方法來做到這一點動畫人體的margin-top屬性。

http://mitgux.com/smooth-scroll-to-top-using-css3-animations