У меня есть родительский див, высота которого может варьироваться в зависимости от вертикального размера окна. Этот родительский 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