Javascript 是一種廣泛應用于網頁開發中的編程語言，能夠為網站增添動態效果。之前我們已經了解到如何在 Javascript 中設置滾動條，那接下來，我們一起探討下如何設置滾動條的位置。
當頁面內容超過了容器的高度，就會自動生成垂直滾動條，這時如果想要設置滾動條的位置，可以使用HTMLElement對象的scrollTop屬性來實現。

javascript
var container = document.getElementById("container");
container.scrollTop = 100; //將滾動條設置到容器中100px的位置

在上述代碼中，通過getElementById獲取了ID為container的容器元素，并將其scrollTop屬性設置為100，這樣就可以將滾動條設置到容器中100px的位置。當然，為了方便拓展，我們可以將該代碼封裝為一個方法：

javascript
function setScrollTop(id, position) {
var element = document.getElementById(id);
if (element) {
element.scrollTop = position;
return true;
}
return false;
}
setScrollTop("container", 100);

在上述代碼中，setScrollTop方法中通過id獲取元素，并將其scrollTop屬性設置為指定的位置。
除此之外，還有另一種設置滾動條位置的方式 —— scrollTo和scrollBy。 scrollIntoView方法可以將元素滾動到可見區域，而scroll方法提供了更多控制滾動的選項。
可以使用scrollTo(x, y)方法來設置元素的滾動位置，其中x和y是元素的左邊和頂部的像素值。

javascript
window.scrollTo(0, 100); //將頁面設置到100px的位置

scrollBy() 方法也可以用于滾動，但是使用此方法時沒有指定絕對像素值。相反，scrollBy(x, y) 方法滾動指定數目的滾動條。

javascript
window.scrollBy(0, 100); //將頁面向下滾動100px

scrollIntoView() 方法可以將任何元素卷入頁面視圖中，并將其滾動到當前可見區域。

javascript
var elem = document.getElementsByTagName("footer")[0];
elem.scrollIntoView();

通過Elem.scroll(x, y)和Elem.scrollBy(x, y)，我們可以更精確地控制元素的滾動。這兩種方法將滾動元素的內容區域，而不是整個元素。 scroll() 方法將滾動指定的像素。 scrollBy() 方法也類似，但它使用相對于當前的滾動位置的量。

javascript
var elem = document.getElementsByTagName("nav")[0];
elem.scroll(50, 0); //將元素向右滾動50個像素

這些都是 javascript 設置滾動條位置的方法，當然除此之外，還有其他的操作，比如擴充您可以在滾動位置設置之后實現的效果。只要了解這些知識，您就可以為各種應用程序添加更多交互性和反饋性，并將其自定義到您的喜好。
到這里，我們已經掌握了javascript設置滾動條位置的方法，多做實踐可以更好的掌握該知識。