javascript - 我怎样才能确保打开的网页中间有滚动条

Question

我正在尝试创建一个水平滚动页面，我希望该页面打开时中间有滚动条，这样用户就可以选择向左和向左滚动和正确的方向(默认情况下，它在左侧打开滚动条)。我该怎么做？

Answer 1

评论后更新 如果正文的宽度不超过浏览器的视口(viewport):
在元素内滚动:

var elem = document.getElementById("container"); //div#container
var elemWidth = elem.scrollWidth;
var elemVisibleWidth = elem.offsetWidth;
elem.scrollLeft = (elemWidth - elemVisibleWidth) / 2;

---

使用此代码将页面垂直和水平居中(另请参阅: this answer):

 window.scrollTo(
     (document.body.offsetWidth -window.innerWidth )/2,
     (document.body.offsetHeight-window.innerHeight)/2
 );

要仅水平居中，请使用:

window.scrollTo((document.body.offsetWidth -window.innerWidth )/2, 0);