Как связать кнопки алфавита со списком городов?

Есть модальное окно с длинным списком городов

<div class="city_block">
  <a>Абакан</a>
  <a>Архангельск</a>
  <a>Архипо-осиповка</a>
  ...
</div>

И рядом кнопки алфавита

<div class="letter_block">
  <span>А</span>
  <span>Б</span>
  <span>В</span>
  ...
</div>

Как сделать, чтобы при нажатии на кнопку с буквой алфавита список городов проматывался вверх или вниз до первого города, начинающегося на эту букву?