Miron4ek_228, тогда осталось понять, что высота и прокрутка - это 2 разных блока. Потом немножко JS и вы в дамках.
Но выглядит всё это очень странно. В каких областях при этом должно работать колесико мыши? Как пользователь догадается, что это скролл от малюсенького блока и т.д.
Либо вы рассказали только часть задачи и решаете её не тем путем...
Не_скажу Всё_равно_не_скажу, нужно
1. Убрать стандартные маркеры
2. Убрать левые margin
3. Сделать псевдоэлементы и спозиционировать их в нужное место. Флексами, гридами или абсолютами.
Альтернативный вариант: использовать левые паддинги и фон. С помощью линейного градиента нарисовать на фоне прямоугольничек.
Да.
Прочитайте любой справочник по гридам и/или пройдите простенькую игрушку на полчаса https://cssgridgarden.com/#ru
Либо покажите, что у вас не получилось гридами.
То в браузерах с поддержкой contents будет выбран display: contents; а в которых нет будет display: block?
Знаете, какой самый простой и надежный способ это узнать? ;)
https://yandex.ru/search/?text=text-stroke&lr=2
Что именно вызывает сложности?