Почему прокручивается не родительский узел DOM, а родительский элемент родительского узла? ⇐ Html

[Anonymous]

Я пытался привести здесь минимальный воспроизводимый код, но все становится еще хуже: .scrollTop = ...; ничего не делает ни в одном из тегов.
В моем реальном коде фактически родительский элемент родительского элемента h1 получает доступ к полной прокрутке. Я пытаюсь настроить событие колеса для использования пользовательского gsap.core.Tween для прокруткиLeft/scrollTop с использованием анимации pow1.out вместо плавной прокрутки в браузере, и оно должно применяться только к ссылке div конкретного компонента React.js.

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

  div

  с переполнением-Y=auto
  

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

  div

  с overflow-Y=auto (этот элемент должен быть прокручиваемым)
  

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

  h1

  с длинным текстом Lorem ipsum. Пробовал даже переполнение переполнения: где угодно;

Div, который я хочу, становится прокручиваемым по вертикали, если я явно добавляю высоту к нему или к самому h1. У меня также возникла проблема с реализованной мной функцией горизонтальной прокрутки.
Я хочу, чтобы самый внутренний элемент div прокручивался; оба #a и #b должны быть прокручиваемыми. Например. когда целью события колеса является #b, оно должно прокручивать #b, а не #a.

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

const a = document.querySelector("#a");
const b = document.querySelector("#b");
window.setTimeout(() => {
// in my actual code, b.scrollTop should work;
// but after inspecting things up, only assigning
// a.scrollTop works.
document.body.scrollTop = b.scrollTop = a.scrollTop = 1500;
}, 500);

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

#a {
overflow-y: auto;
}

#b {
overflow-y: auto;
}

h1 {
font-size: 32px;
}

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

#a

#b
beginning. very long, very long, aaaaaavery long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, v.............ery long, very long, very long, very long, very ............long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very lon5555555g, very long, ve.........ry long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, v.......ery long, very long, very long, very long, very long, very long, very long, very long, very long, very0000000000 long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very00000000 long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, ve55ry long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, very long, 5555555very long, very long, very long

Когда #b представляет собой вертикальный флексбокс, добавление нескольких кнопок также не учитывает прокрутку к нему.

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