CSS獲取滾動條位置

在CSS中，可以使用`position: relative`屬性來設置滾動條的相對位置，然后使用`position: absolute`屬性來設置滾動條的固定位置。例如，可以使用以下CSS代碼來設置滾動條在頁面頂部：

```css

body {

margin: 0;

padding: 0;

background-color: #fff;

.scroll-bar {

position: relative;

width: 20px;

height: 20px;

background-color: #ccc;

border-radius: 50%;

margin: 0 5px;

.scroll-bar:before,

.scroll-bar:after {

content: "";

position: absolute;

top: 0;

left: 50%;

width: 0;

height: 0;

border-left: 7px solid #ccc;

border-right: 7px solid #ccc;

.scroll-bar:after {

left: 50%;

transform: translateX(-50%);

上面的代碼將滾動條設置為一個寬度為20像素、高度為20像素的小圓點，并將背景色設置為黑色。通過設置`position: relative`屬性，滾動條將自動滾動到頁面頂部。然后使用`position: absolute`屬性來設置滾動條的固定位置，并通過`top`和`left`屬性來控制滾動條的位置。最后，使用`content`屬性來設置滾動條的樣式，并使用`border-left`和`border-right`屬性來設置滾動條的邊緣樣式。

需要注意的是，使用`position: relative`屬性時，滾動條的寬度和高度將被重置為原始值。因此，如果希望滾動條具有自定義的寬度和高度，可以使用`position: absolute`屬性來設置滾動條的固定位置，并在需要時調整其寬度和高度。

通過使用CSS，我們可以輕松地獲取滾動條的位置，從而在網頁中控制內容的滾動。