У меня есть прокручиваемый div, настроенный как внешний div с overflow-y, установленным на «scroll», и внутренний div, который переполняется.
<div style="overflow-y: scroll; height: 300px;">
<div style="height: 23500px;">
<Children />
</div>
</div>
Я пишу скрипт, который лениво загружает дочерние элементы, поэтому позиция каждого дочернего элемента рассчитывается с помощью css transform: translate. Рост каждого дочернего элемента составляет 50 пикселей, а приращение преобразований - на 50 пикселей в зависимости от индекса дочернего элемента. У детей нет других позиционных смещений.
Ожидаемый результат: внешний div перестает прокручиваться в конце внутреннего div.
Фактический результат: всегда есть около 20px дополнительного пространства в конце свитка. Если я осматриваю элемент, я вижу, что внешний блок прокручивается мимо внутреннего.
Как мне предотвратить это?