Алексей Демидов

1. Добавить якорь на странице (элемент, при клике по которому будем скролить):
<a href="#anchor1">Текст</a>
2. Добавить id к нужному элементу:
<div id="anchor1">Скролить до сюда</div>
3. В стилях прописать для плавного скрола: body {scroll-behavior: smooth;} - не работает в IE и Safari

1. Собрать все контейнеры в массив: var containers = document.querySelectorAll('.container');
2. Пройти циклом по массиву и задать каждому ваше условие:
for(var i = 0; i < containers.length; i++) {
// Здесь ваш код для каждого containers[i], т. е. $('.container'), это теперь containers[i]
}

Делают, если:
1. Не знают что лучше использовать button или a
2. Не знают/лень убирать фон, рамки и прочие прелести у button
3. У a не знают/лень убрать действие по умолчанию с помощью preventDefault (при клике кидает на верх страницы, пытаясь перейти по ссылке)
4. Еще варианты... =)