Это поведение связано с тем, как работает CSS и свойство `overflow` в контексте блочных элементов и их контента.
Когда вы задаёте элементу свойство `overflow-y: auto`, это означает, что элемент будет отображать вертикальную полосу прокрутки, если его контент превышает заданную высоту. В этом случае высота видимого контента (или высота видимой области) будет ограничена высотой контейнера. Если в контейнере определено свойство `height`, то 100% высоты элемента внутри этого контейнера будет относиться к высоте контейнера, а не ко всей высоте его содержимого.
### Основные моменты:
1. **Высота 100%**: Значение `height: 100%` для элемента означает, что его высота будет равна 100% высоты родительского контейнера. Если у контейнера есть установленные размеры, элемент будет занимать доступное пространство в пределах этого контейнера. Если у контейнера есть свойство `overflow-y: auto`, он будет обрезать содержимое, выходящее за пределы видимой области.
2. **Область прокрутки**: Когда вы прокручиваете содержимое контейнера с `overflow-y: auto`, фон элемента, который находится внутри этого контейнера, не будет виден за его границами. Ваш элемент будет занимать только ту область, которая доступна в видимой части контейнера. Это связано с тем, что сам контейнер управляет своей подсистемой прокрутки.
3. **Связь с `overflow`**: Свойство `overflow` создаёт новый контекст для отображения элементов внутри контейнера. Когда контент превышает размеры контейнера, он не выходит за его пределы, а обрезается. Поэтому фон элемента не отображается там, где его нет — за пределами видимой части контейнера.
### Возможные решения:
Если вам нужно, чтобы фон элемента продолжал видимым даже после прокрутки, вы можете рассмотреть один из следующих подходов:
- Убедитесь, что у родительского элемента нет ограничения по высоте или используйте `overflow: visible`.
- Установите фон на сам контейнер вместо его потомков.
- Используйте абсолютное позиционирование для внутреннего элемента, если это стилистически приемлемо.
Эти решения зависят от общей структуры вашего HTML и CSS, а также от желаемого визуального результата.