CSS是一種可以美化網頁的樣式表語言。在網頁設計中，滾動條是很常見的元素。在使用CSS來設計自定義滾動條時，我們會發現滾動條默認的位置會出現問題。那么，如何解決滾動條默認位置的問題呢？

/* 隱藏滾動條 */
scrollbar: none;
/* 滾動軌道 */
scrollbar-track-color: #F5F5F5;
/* 滾動塊 */
scrollbar-thumb-color: #C5C5C5;
/* 鼠標懸停時滾動塊 */
scrollbar-thumb-hover-color: #FFFFFF;
/* 滾動到底部時滾動塊 */
scrollbar-thumb-active-color: #8E8E8E;

以上是一段CSS代碼，含有自定義滾動條的樣式。其中，scrollbar: none;用來隱藏原有的滾動條，以展示自定義的滾動條。但問題是，網頁加載完成后，滾動條的位置會回到默認位置，不在我們定義的位置。那么，該如何解決呢？

解決辦法就是使用JavaScript代碼，將滾動條的位置設置為自定義的位置。下面是一個可行的JavaScript代碼：

document.documentElement.scrollTop = // 設定滾動條與頂端的距離
document.body.scrollTop = // 設定滾動條與頂端的距離

使用這段代碼，我們可以將滾動條的位置設置為我們需要的位置。上述代碼中，document.documentElement.scrollTop代表的是頁面內容在文檔容器左上角的位置，即滾動條與文檔頂端的距離。而document.body.scrollTop代表的是文檔容器在瀏覽器窗口內滾動的距離。

總之，這兩段代碼的含義是相同的，都可以用于設定滾動條與瀏覽器頁面的距離。有了這兩段代碼，我們就可以自由地設計自定義滾動條，實現滾動條與頁面元素的完美融合。