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

[Anonymous]

У меня есть родительский див, высота которого может варьироваться в зависимости от вертикального размера окна. Этот родительский Div должен использовать Overflow-y: Scroll для востребованной функциональности. Родительский диг содержит 8 детьми различных фиксированных высот, расположенных вертикально, причем первое и последнее ребенка имеет высоту CSS 70VH , чтобы иметь возможность прокрутить 6 вертикальных детских дивизий с средним уровнем MouseEnter событие (не MouseMove ), убедившись, что нижняя часть 6Pack не идет ниже, чем нижняя часть родительского Div, а вершина 6Pack не идет выше, чем родительская вершина. class = "lang-js prettyprint-override">

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

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