Индикатор прокрутки оттолкнулся? ⇐ CSS

[Anonymous]

У меня есть индикатор прокрутки, позиция липкой. При прокрутке мимо некоторых относительных расположенных элементов его выталкивают. Относительные элементы вложены в основные элементы и разделения.

Код: Выделить всё

*, body {
margin: 0;
padding: 0;
font-size: 1rem;
}

*, *::before, *::after {
box-sizing: border-box;
}

a {
text-decoration: none;
color: inherit;
}

ul, ol, li {
list-style: none;
}

индикатор прокрутки css

Код: Выделить всё

#scroller-container {
position: -webkit-sticky;
position: sticky;
top: 0;
width: 100%;
height: 8px;
background-color: var(--second-colour);
z-index: 1000;
}

.scroller-bar {
height: 100%;
background: var(--main-colour);
width: 0%;
}

индикатор прокрутки html



< /code>
Что я пробовал: < /p>

Использование Oupflow-x (который работает, но разбивает JS, который у меня есть) < /li>
Объединение с z-index (я не работаю) < /li>
< /ul>
edit edit: я не работаю, это не работает. Монитор 1080p в разделе «Проекты» на веб -странице.

Подробнее здесь: https://stackoverflow.com/questions/796 ... shed-aside