有点编程常识的人都知道，htm的滚动条（浏览器滚动条）竖向靠右，横向从左向右。但是横向的几乎都是隐藏的，用不到，竖向滚动都是需要的。那，如何设置滚动条自由位置呢，请看详细经验。
工具/原料
计算机，互联网，编程
html，滚动条，位置，偏移
方法/步骤
1、新建div标签新建一个html文件，命名为（滚动条向左偏移.html），使用记事本打开html文件，新建一个div。如图：
2、设醅呓择锗置div样式在文件中写入div的样式，高度一定要比浏览器窗口高，才会显示出滚动条来。写入以下样式：<styletype="text/c霜杼厮贿ss">.div1{border:1pxsolid#FF0000;width:600px;height:800px;margin:0auto;text-align:center;}</style>如图：
3、显示div竖向滚动条在样式表中写入以下代码：overflow-y:scroll;//显示竖向滚动条，并填充div内容。如图：
4、设置滚咿蛙匆盗动条颜色属性在样式中写入以下代码：scrollbar-3d-light-color:#FFFF00;scrollbar-arrow-color:#FF0000;scro造婷用痃llbar-base-color:#f2c3d4;scrollbar-dark-shadow-color:blue;scrollbar-face-color:yellow;scrollbar-highlight-color:#4c28df;scrollbar-shadow-color:blue;如图：
5、调整宽度老揉孟阼写入以下CSS样式：::-webkit-scrollbar{width:15px;}::-webkit-霜杼厮贿scrollbar-track{background-color:#bee1eb;}::-webkit-scrollbar-thumb{background-color:#00aff0;}::-webkit-scrollbar-thumb:hover{background-color:#9c3}::-webkit-scrollbar-thumb:active{background-color:#00aff0}如图：
6、调整位置写入以下代码：<script>document.getElementById('div1').scrollTop=100;//通过scrollTop设置滚动到100位置</script>如图：
