我们知道html中div设置宽度和高度后，如果包含的div宽度超过了上级div的宽高，上级div会出现滚动条，当然，也可以通过js来控制滚动条显示的位置。您可以使用window.scrollTo()函数来设置默认滚动条位置。

vue开发js控制div默认滚动条显示位置

也可以通过scrollLeft, scrollTop属性来设置，下面是实例代码 

<html>
    <body>
        <div id="area1" style="width:600px;height:600px;overflow: auto;border:2px solid red;">
            <div id="area2" style="width:3000px;height:1100px;background-color: antiquewhite;">
                www.baiqicms.com.cn
            </div>
        </div>
        <script>
            document.getElementById("area1").scrollLeft = 1200;
            document.getElementById("area1").scrollTop = 250;
        </script>
    </body>
</html>
如需要滚动条居中时，用下级div的宽度减去上级的宽度，再除以2，那滚动条就是默认居中了。

注意：需要先定义好上下级的宽高后，再配置scrollLeft或scrollTop，才会生效，小编就曾经把scrollLeft放在配置下级div的宽高前，导致滚动条滚动到设置的位置。BaiqiCMS工作室专注企业网站建设，小程序开发等，欢迎大家与BaiqiCMS工作室交流学习！