Как получить внутренний html на основе внутренней высоты div?

Question

В соответствии с моим требованием я ищу код jquery, который мог бы выполнять нумерацию страниц по содержимому html. Я провел некоторые исследования по этому вопросу, но не нашел никакого приемлемого решения для этого.

вот пример кода, которого я пытаюсь достичь:

<div id="parent">
   <div id="child" style="height:30%">---contents-----</div>
</div>

теперь в соответствии с требованием, которое я использую ниже js код, чтобы определить, переполнен ли div.

checkOverflow () {

 let element = document.getElementById('child');

if (element.offsetHeight < element.scrollHeight ||
    element.offsetWidth < element.scrollWidth) {
  return true;
} else {
  return false;
}
}

• функция выше возвращает значение true, если содержимое переполнено на дочернем элементе div, теперь я хочу обрезать переполненное содержимое до второй страницы и добавить разбиение на страницы, чтобы пользователь мог нажать кнопку, чтобы отобразить больше содержимого на второй странице.

• Я не знаю, как этого достичь, но я пытался получить позицию содержимого element.offsetHeight , но это не сработало

Спасибо.