Javascript 滚动条在输入新的css html js节时更改颜色和轨迹

当使用js进入我的页面的不同部分时，是否可以操纵滚动条？ 因此，如果它在html页面上进入一个新的部分；三原色应与原色切换

::-webkit-scrollbar {
    width: 0.5rem;
}

::-webkit-scrollbar-track {
    background-color: var(--primary-color);
    box-shadow: inset 0 0 5px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: var(--tertiary-color);
    border-radius: 10px;
}

::-webkit-scrollbar-track-piece {
    background-color: var(--primary-color);
}

---

检测到滚动的一个简单示例：