如何分页取决于jquery中的容器高度

Question

如何自动分页取决于jquery中的容器高度。 我想根据div高度进行分页，我正在添加一个示例，但是这是在angularjs上进行的。任何人都可以帮助我如何使用jquery而不是angularjs。

<div class="content" id="main_content">
    <p>Text 1</p>
    <p>Text 2</p>
    <p>Text 3</p>
    <p>Text 4</p>
    <p>Text 5</p>
    <p>Text 6</p>
    <p>Text 7</p>
</div>

想要使用此类小提琴https://jsfiddle.net/pjvdogoo/9/制作以前的代码，但使用jquery。