у меня вопрос. Как сделать так чтоб при открытие страницы она открылась на определенной позиции? Например по середине, как на фото.
Можно воспользоваться "якорем".
Материалы (в данном случае вопросы) должны иметь определённый атрибут id
Например: <div id="XYZ">...</div>
И при переходе на ссылку с указанием якоря, будете перемещаться к нему,
например:
https://ru.stackoverflow.com/questions#XYZ
Для плавности перемещения можно будет использовать JS.
используйте в ссылке якорь https://ru.stackoverflow.com/questions?sort=newest#related-tags где related-tags - id элемента, указывается после символа "#" как в ссылке выше
Прокручивает вниз на 500px
window.scrollTo(0, 500);
Документация
Пример для плавной прокрутки вниз на 100px от верха:
window.scrollTo({
top: 100,
behavior: "smooth"
});
Сборка персонального компьютера от Artline: умный выбор для современных пользователей