如何确保在中间打开带有滚动条的网页

Question

我正在尝试创建一个水平滚动页面,我希望页面打开中间的滚动条,以便用户可以选择向左和向右滚动(默认情况下,它在左侧打开滚动条).我怎样才能做到这一点？

Answer 1

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

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

使用此代码使页面垂直和水平居中（另请参阅：此答案）：

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

要仅水平居中，请使用：

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