Для того чтобы предотвратить прокрутку страницы вверх при нажатии на кнопку, вы можете использовать методы `event.preventDefault()` и `event.stopPropagation()` в обработчике события. Таким образом, вы сможете отменить стандартное поведение кнопки при клике, если это необходимо.
Если ваша кнопка представляет собой элемент, который по умолчанию вызывает прокрутку (например, `<a>`), то добавление `preventDefault()` предотвратит это поведение. Вот как можно изменить ваш код:
```javascript
this.showAll.addEventListener('click', (event) => {
// Предотвращаем стандартное поведение элемента
event.preventDefault();
// Переключаем класс 'visible-f' для каждого элемента
this.content.forEach((el) => {
el.classList.toggle('visible-f');
});
});
```
Если же ваша кнопка не вызывает стандартное поведение (например, это кнопка `<button>`), то вам нужно просто использовать `stopPropagation()` для предотвращения дальнейшего распространения события:
```javascript
this.showAll.addEventListener('click', (event) => {
// Это предотвратит дальнейшую обработку события, но не обязательно
event.stopPropagation();
// Переключаем класс 'visible-f' для каждого элемента
this.content.forEach((el) => {
el.classList.toggle('visible-f');
});
});
```
Также убедитесь, что у вас нет лишних стилей или скриптов, которые могут вызывать прокрутку страницы. Если у вас есть другие обработчики событий, которые могут срабатывать при клике на кнопку, убедитесь, что они не вызывают нежелательную прокрутку.