Question

我使用 REMs代替像素构建了整个网站。

该网站的构建比窗口宽40％，因此20％的页面都隐藏在任何一侧。

因此，我需要找到一种方法在加载页面时水平滚动，以使其居中。

页面为140 rem 宽，窗口为100rem 宽。

所以我可以将scrollLeft设置为20％或20rem，但是当我使用时：

document.body.scrollLeft = '20rem';

它不起作用。我已经尝试了许多其他没有运气的事情。

是否可以使用像素以外的单位来控制滚动？

我真的不想在页面上添加对象而必须滚动到该对象。

Answer 1

编写一个采用REM值并将其转换为像素的转换器。然后只需获取给定REM值的像素值，并将像素值投入滚动函数。