Прокручиваемый контейнер без добавления содержимого

Question

Я создал этот фрагмент - https://codepen.io/Raven0us/pen/eYNGYYm, но мне нужно добавить содержимое в него, чтобы работать. Лучшим решением было бы просто иметь внутренний образец и увеличить его высоту при прокрутке, но ни один из них не является тем, что я ищу.

Можно ли заставить контейнер прокручиваться без добавление контента к нему? Я думал, что max-height будет установлен на x единиц и увеличит высоту в два раза, что создаст прокручиваемую поверхность, но это не похоже на решение.

Я хотел бы знать, возможно ли, когда вся разметка состоит из единственного элемента, например, следующего:

<div id="container"></div>

Спасибо

Answer 1

Начните с DIV, который достаточно высок для прокрутки при запуске, а затем, когда пользователь прокручивает, используйте

document.getElementById("container").style.height += 10;

или что-то подобное. Таким образом, по существу, при прокрутке они добавляют 10 к высоте стиля css.

Редактировать: Фактически, при запуске не нужно иметь возможность прокрутки.