Создать Javascript-подобный эффект ScrollTo, используя только CSS3?

Question

Можно ли создать Javascript-подобный эффект scrollTo, используя только CSS3? Например:

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

А как-нибудь сказать окну плавно прокрутить до этого места? Используя Javascript, это очень просто, но CSS был бы еще более замечательным.

Answer 1

Я не могу придумать, как это сделать.

1. Средства CSS для анимации позволяют вам изменять только свойства CSS, и нет ничего, что позволяло бы вам ссылаться на положение элементов на экране или степень прокрутки страницы.
2. Единственный способ, которым CSS может реагировать на элементы, по которым щелкают, - это селекторы :active и :visited, а использование :visited для анимации ссылки, похоже, не работает.
3. Вы можете использовать :active для анимации нижнего поля ссылки, но анимация будет работать только тогда, когда пользователь удерживает нажатой кнопку мыши. Смотри http://jsfiddle.net/w5kcr/1/