HTML 滑動條可以用來更好地控制網頁上的比例和數值。默認情況下，滑動條通常是在網頁的右側，但是我們也可以通過一些代碼設置讓滑動條出現在其它位置，比如左側。

<style>
/*設置滑動條的風格*/
::-webkit-scrollbar{
width: 6px;
height: 6px;
background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb{
background-color: #000;
}
/*將滑動條放到左側的代碼設置*/
#scrollcontainer{
overflow-y: scroll;
height: 200px;
writing-mode: vertical-rl;
-webkit-transform:rotate(-180deg);
transform:rotate(-180deg);
direction: rtl;
}
</style>
<div id="scrollcontainer">
<p>這是一段需要滾動的文本
</p>
<p>這是第二行需要滾動的文本
</p>
</div>

以上代碼中，我們使用了 CSS 中的 "writing-mode" 屬性來實現將文本從豎向變為橫向，"transform" 屬性讓文本容器進行倒轉，而 "direction" 則是保證滑動方向與文字書寫方向一致。

通過這樣的設置，我們就可以將 HTML 滑動條設置在左側，使得網頁的排版更加靈活，同時也讓用戶使用更加方便。