Почему страница смещается при частом обновлении до начала блока?

Question

[fggavrilov]

Теоретический вопрос. Если проскролить страницу до середины элемента (абзаца, картинки) и начать быстро обновлять, то страница будет смещаться вверх с некоторым шагом, пока верхняя граница окна не совпадет с верхней границей элемента.

Почему это происходит?
Какова величина шага смещения?
Возможно ли устранить смещение?

Например на статье в Вики:
https://ru.wikipedia.org/wiki/Мировая_душа
Встаньте верхней границей окна посреди картинки с нотами и начните быстро обновлять страницу.

upd
Смещение возникает, когда размеры элементов заданы в %. Возможно как-то связано с округлением.

Answer 1

[Владислав Черненко]

отследить можно как-то так:


Но на моих сайтах ничего не смещается. Но даже если бы и смещалось, то не вижу смысла выяснять почему =). Че вас это так тронуло?

Comments

[fggavrilov]

Поэкспериментировал в этим счетчиком. Смещение происходит на рандомное число пикселей, но чаще всего на 3px.

Мне интересно понять почему это происходит, причем на простейших страницах, даже без подключенных стилей.

[iBird Rose]

fggavrilov, погрешности рендера страницы браузером. условно в первые милисекунды рендера сначала он отрисовал первым текст до твоей линии скролла, а при следующем обновлении после - итого она часть страницы стала меньше другой и происходит скачок скролла.