Как я могу указать единицы измерения, кроме пикселей в JavaScript, используя scrollTo, scrollTop и т. Д.?
У меня весь сайт построен с использованием REM вместо пикселей.
Сайт построен на 40% шире, чем окно, поэтому 20% страниц скрыто с обеих сторон.
Следовательно, мне нужно найти способ горизонтальной прокрутки при загрузке страницы, чтобы она была отцентрирована.
Страница шириной 140 рем, ширина окна 100рем.
Таким образом, я мог бы установить scrollLeft на 20% или 20rem, но когда я использую:
document.body.scrollLeft = '20rem';
это не работает Я перепробовал много других вещей без удачи.
Можно ли использовать элементы, отличные от пикселей, для управления прокруткой?
Я действительно предпочел бы не добавлять объект на страницу и прокручивать до объекта.
1 ответ
Напишите конвертер, который принимает значения REM и преобразует их в пиксели. Затем просто получите значение пикселя для данного значения REM и бросьте значение пикселя в функцию прокрутки.