Прокрутите основной контент, когда курсор находится в боковой панели ⇐ CSS

[Anonymous]

Я хочу включить прокрутку основного списка контента, даже когда курсор находится над боковой панелью. Например, на x (ранее Twitter) канал остается прокручиваемой, даже если курсор расположен над боковым меню или трендом на главной странице, в то время как кнопки меню и элементы тренда остаются кликами. Как я могу реализовать это поведение? Это просто для примера. но я ожидаю использовать CSS Flex или Grid для создания макета.

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

body {
margin: 0;
display: flex;
height: 100vh;
overflow: hidden;
}

.container {
display: flex;
width: 100%;
}

.sidebar {
width: 250px;
background-color: #f4f4f4;
}

.main-content {
flex: 1;
padding: 20px;
background-color: #fff;
overflow-y: auto;
}< /code>


side bar (main content is not scrollable when cursor is over here).
button should be clickable

text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text

Подробнее здесь: https://stackoverflow.com/questions/793 ... n-side-bar