JavaScript是一門非常強大的編程語言，它可以實現很多在網頁開發上需要的功能。比如，有時候我們需要對網頁的內容進行滾動，這時候就需要用到JavaScript來顯示滾動條。 在JavaScript中，我們可以通過修改元素的style屬性來控制元素的布局和樣式。為了顯示滾動條，我們可以先將元素的overflow屬性設置為“scroll”或者“auto”，然后就可以在需要滾動的時候顯示滾動條了。例如：

<div style="width: 200px; height: 200px; overflow: auto;">
<p>這是需要滾動的內容</p>
</div>

上述代碼中，我們給一個div元素設置了寬度和高度，并將overflow屬性設置為“auto”。這樣，在需要滾動的時候，會自動顯示滾動條。我們可以在p標簽中填充一些內容，測試一下效果。 除了在HTML中直接使用style屬性來設置CSS樣式，我們也可以通過JavaScript來更靈活地控制元素的樣式。例如：

var div = document.getElementById('myDiv');
div.style.width = "200px";
div.style.height = "200px";
div.style.overflow = "auto";

在這個例子中，我們首先通過document.getElementById方法獲取到ID為“myDiv”的元素，然后利用它的style屬性來設置其CSS樣式，包括寬度、高度和overflow屬性。這樣就可以顯示滾動條了。 除了設置滾動條的顯示方式，我們還可以通過JavaScript來控制滾動條的位置。比如，在需要在頁面加載時將頁面滾動到特定的位置，我們可以使用scrollTop屬性來控制。例如：

window.onload = function() {
document.documentElement.scrollTop = 100;
};

在這個例子中，我們在頁面加載完成后，利用window對象的onload方法，使整個文檔的scrollTop屬性設為100。這樣，頁面就會自動滾動到100像素的位置。 除了更改整個文檔的scrollTop屬性，我們還可以利用element對象的scrollLeft和scrollTop屬性來控制單個元素的滾動條位置。例如：

var div = document.getElementById('myDiv');
div.scrollTop = 100;

在這個例子中，我們獲取到ID為“myDiv”的元素，然后將它的scrollTop屬性設為100。這樣，該元素就會向下滾動100像素。類似地，我們還可以使用scrollLeft屬性來控制元素的水平滾動。 綜上所述，使用JavaScript來顯示滾動條非常簡單。通過設置元素的overflow屬性和scrollTop/scrollLeft屬性，我們可以輕松地實現頁面內容的滾動效果。這為我們的網頁開發工作提供了極大的便利。