Как сделать «умный» якорь?

Question

[Nepheline]

У меня на сайте есть якоря + навигация. Если совершатся переход через навигацию (рис. 1), то потом можно воспользоватся стрелочкой, и все заработает (рис. 2).


Но если просто листать вниз, то переход по стрелочке не работает, просто меняется ссылка (рис.3).


Как сделать, чтобы всегда можно было перейти по стрелочке? Хоть я уже нажимал по этой ссылке, хоть просто листал вниз. Увы, не смог найти ничего в гугле. Может, есть какой-то скрипт?

Comments

[Alex]

Демку в песочницу.

[Nepheline]

Alex, https://codepen.io/IninsayY/pen/zYxgdOq

[Ankhena]

Nepheline, а нормальные якоря не в моде?
<a href="#">top</a> перенесет наверх страницы.

И перестаньте писать онклики в разметке, для этого есть addEventListener в js.

[Nepheline]

Ankhena, Я понял, что onclick в разметке это неправильно. Посмотрел addEventListener, но у меня что-то не вышло:
Uncaught TypeError: document.getElementsByClassName(...).addEventListener is not a function at (index):662
Код - https://codepen.io/IninsayY/pen/zYxgdOq