Блог

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

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

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

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

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