Как прокрутиться к элементу через href не по id, а по классу?

Question

[Stepan007]

Как сделать аналогичную прокрутку к элементу, только не по #id, а по классу или элементу?
<a href=".header">Вернуться</a>

Answer 1

[Алексей Уколов]

Стандартно средствами браузера - никак.

Вы можете написать свой кастомный скрипт, который будет перехватывать клики и определять, куда надо прокрутить. Например, определять, к какому из пяти элементов с указанным классом нужно перейти.
Когда вы поймёте, что это нетривиальная задача и на самом деле решать её не нужно, а нужно просто добавить id, вы познаете дзен.

Comments

[Stepan007]

А как без e.preventDefault() отменить переход по ссылке?
a href="#header">Вернуться
У меня он в итоге перезагружает страницу, а с e.preventDefault() скролл не отрабатывает.

Answer 2

[Павел Беляев]

a[href=123.htm] {
color:red;
}

1. Селектор атрибутов
   
2. JS Query Selector
   
   

Comments

[Алексей Уколов]

Вам стоит перечитать вопрос.

[Павел Беляев]

да, извиняюсь, послышалось "как прикрутиться", а тут речь идет про якоря.