Как прибить блок к верхнему краю экрана?

Question

[arms1631]

Есть страница, на которой один из блоков, находящийся в центре всего контента, нужно прибить при загрузке этой страницы к самому верху. Размер экрана, размеры блоков над нужным могут изменяться. Но ПРИ ЗАГРУЗКЕ его нужно прибить в самый верх, именно при первоначальной загрузке страницы. Использую VueJS, без JQuery. Помогите, пожалуйста, ничего не могу сделать, чтобы работало(

Comments

[Вадим]

Здорово.
Осталось описать Ваше решение, перечислить что Вы пробовали и что не получилось.
В идеале сделать демку на codepen или codesandbox

В противном случае первый же ответ, который Вам предложат:
position: fixed

[arms1631]

Вадим, всё пробовал. пытался с scrollTo, со всякими offsetHeight и тп - ничего(

[Вадим]

arms1631, Если position: fixed не работает, значит что-то Вы делали не так. Либо это лежит внутри фрэйма.

[arms1631]

МНЕ НУЖЕН JS

[StiflerProger]

arms1631, ТЕБЕ НУЖЕН CSS!
просто надо установить его через js

document.getElementById("midBlockID").style.position= "fixed";

[arms1631]

Может, я вам всем неправильно объясняю?! Мне нужно сместить скролл к этому блоку! Я знаю CSS, здесь мне не нужно ничего фиксировать! Мне нужно просто проскроллить автоматом при загрузке страницы к нужному мне блоку. В общем, походу window.scrollTo - мой вариант

[Вадим]

arms1631,

Может, я вам всем неправильно объясняю

Тем временем вопрос:

Как прибить блок к верхнему краю экрана

Тем временем что Вам на самом деле нужно:

нужно просто проскроллить автоматом при загрузке страницы к нужному мне блоку.

Да, Вы максимально не верно объясняете.

Ещё и капсом отвечаете...
И да, scrollTo то, что Вам нужно.
Ещё есть scrollIntoView