Боковая панель фиксированная обрезка ⇐ Html

[Anonymous]

Я хочу научиться сделать немного цветового перехода для моей боковой панели, когда я прокручиваю от белой секции в черный раздел. Я делаю навигацию быть абсолютным, а тег UL должен быть исправлен. Я хочу, чтобы, когда я нахожусь в белом разделе, цвет навигационного фона был черным и наоборот < /p>
Это базовый код: < /p>
< div class = "Snippet">

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

body {
margin: 0;
padding: 0;
box-sizing: border-box;
}

.section {
min-height: 100vh;
position: relative;
}

.section-white {
background-color: white;
}

.section-black {
background-color: black;
}

nav {
position: absolute;
top: 0;
left: 0;
}

nav ul {
width: 150px;
position: fixed;
top: 0;
left: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
list-style: none;
height: 100%;
gap: 1rem;
}

.section-white nav ul {
background-color: black;
color: white;
}

.section-black nav ul {
background-color: white;
color: black;
}< /code>




[list]
[*]link1
[*]link2
[*]link3
[*]link4
[*]link5
[/list]





[list]
[*]link1
[*]link2
[*]link3
[*]link4
[*]link5
[/list]

Stackblitz

Подробнее здесь: https://stackoverflow.com/questions/793 ... d-clipping