Как вертикально прокрутить детские элементы на основе положения мыши, входящего в родительский контейнер? ⇐ Jquery

[Anonymous]

У меня есть родительский див, высота которого может варьироваться в зависимости от вертикального размера окна. Этот родительский Div должен использовать Overflow-y: Scroll для востребованной функциональности. Родительский диг содержит 8 детьми различных фиксированных высот, расположенных вертикально, причем первое и последнее ребенка имеет высоту CSS 70VH , чтобы иметь возможность прокрутить 6 вертикальных детских дивизий с средним уровнем MouseEnter событие (не MouseMove ), убедившись, что дно 6Pack не идет ниже, чем нижняя часть родительского div, а вершина 6pack не подходит выше, чем родительская вершина.
Код ниже настолько близок, как я могу получить, среди прочего. Код: < /p>

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

const parentElement = document.getElementById("parentContainer")

parentElement.addEventListener("mouseenter", (event) => {
var mouseYRelativeToParent =
parentElement.getBoundingClientRect().y + event.clientY
parentElement.scrollTop = mouseYRelativeToParent
})

Лучшая рабочая версия в Javascript или jQuery с подробными комментариями о том, как работают части кода, были бы наиболее полезными.

Подробнее здесь: https://stackoverflow.com/questions/797 ... ing-parent