在編寫網站代碼時，我們有時會遇到一些問題，比如當頁面內容過長時，出現了雙滾動條的情況。這看起來不僅不美觀，而且也會影響用戶體驗。

不過，這個問題其實很容易解決。我們只需要添加一些 CSS 樣式就可以了。下面，我來介紹一下具體做法：

html {
overflow-y: scroll;
}
body {
overflow-y: hidden;
}

如上代碼所示，我們針對兩個元素，即html和body分別進行了樣式的修改，其中，html的overflow-y屬性被設置為scroll，而body的overflow-y屬性則被設置為hidden。

這樣一來，html元素就會出現縱向滾動條，而body元素則不會出現。我們通過給html添加樣式，讓它出現滾動條，從而避免了雙滾動條的問題。

值得注意的是，如果您在代碼中使用了fixed定位的元素，需要再添加一行樣式：position: fixed;。這是因為在一些瀏覽器中，fixed定位元素的定位基于body元素，而不是html元素。通過設置position:fixed，我們可以將這些元素的父元素修改為html，從而保證它們的定位正確。

以上就是解決頁面雙滾動條的方法。通過添加簡單的 CSS 樣式，我們可以輕松讓頁面更加美觀，更加易用。如果您有類似的問題，趕快來試試吧！