在没有jQuery的情况下更改水平滚动条的起始位置

change start position of horizontal scrollbar without jquery

本文关键字:滚动条 水平 位置 jQuery 情况下      更新时间:2023-09-26

在Jquery中,我知道你可以移动滚动条的起始位置。这在纯javascript中可能吗?澄清一下,当用户加载页面时,我只希望水平滚动条开始一直向右滚动,而不是从左侧开始。如果存在跨浏览器问题,我特别关注在 Chrome 中工作的问题。

document.body.scrollLeft = (divRef.scrollWidth -divRef.offsetWidth )/2 ;

这可能会在 IE8 及更早版本中产生奇怪的结果。

我用div做了一个例子,你可以轻松地将其调整到你的身体标签或其他div,请看演示。

var a = document.getElementById('body');
console.log(a.clientWidth)
function moveWin(a) {
    window.scrollTo(a.clientWidth,0);                                     
}
moveWin(a)

演示

旁注:

要选择主体,只需使用

var a = document.getElementsByTagName('body')[0]