Как я могу указать единицы измерения, кроме пикселей в JavaScript, используя scrollTo, scrollTop и т. Д.?

Question

У меня весь сайт построен с использованием REM вместо пикселей.

Сайт построен на 40% шире, чем окно, поэтому 20% страниц скрыто с обеих сторон.

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

Страница шириной 140 рем, ширина окна 100рем.

Таким образом, я мог бы установить scrollLeft на 20% или 20rem, но когда я использую:

document.body.scrollLeft = '20rem';

это не работает Я перепробовал много других вещей без удачи.

Можно ли использовать элементы, отличные от пикселей, для управления прокруткой?

Я действительно предпочел бы не добавлять объект на страницу и прокручивать до объекта.

Answer 1

Напишите конвертер, который принимает значения REM и преобразует их в пиксели. Затем просто получите значение пикселя для данного значения REM и бросьте значение пикселя в функцию прокрутки.