Как одновременно применить стиль и изменить scrollTop?

Question

[Александр]

Есть необходимость в определённый момент применить к элементу содержащему контент страницы стиль position: fixed и в этот же момент задать этому элементу scrollTop равный scrollTop всей страницы. В итоге получается так что мы незаметно переносим весь прокручиваемый контент сайта на отдельный фиксировано позиционированный прокручиваемый слой с тем же самым положением скролла. В теории этот переход должен быть незаметен пользователю и так оно и есть в chrome и в большинстве случаев в safari. Но всё же в safari это не всегда так и иногда проскакивает кадр с непрокрученным слоем. То есть видно что контент перерисовался на отдельный слой, но не прокручен в то же положение, как и был. Есть ли какие-то способы сделать этот переход абсолютно монолитным?

P.S: Можно было бы по идее заюзать Display Locking, но он на данный момент есть только в последнем chrome, а там и так всё в порядке.

Comments

[Вадим]

Не уверен что до конца понял чего Вы хотите достигнуть, но похоже что вам нужен CSS. А именно: position: sticky; top: XXXpx;