Tengo un texto grande (5000,10,000) dentro de un

etiqueta. Quiero crear una función que divida este texto en su hermano

Etiquetas según la altura del dispositivo.

Básicamente, estoy creando una aplicación de libro electrónico, por lo que hay una división de .chapters en la que hay una etiqueta ap en la que colocaré el texto del capítulo. Quiero una función que divida este texto largo en sus etiquetas p hermanas, así que después de eso puedo hacer una presentación de diapositivas.

el .chapter div tiene overflow:scroll property en él.

 <div class="chapters with-preview current-chapter"> <p class="0"> ...all the chapter content </p> <p class="1"> ...empty sibling divs </p> <p class="2"> ...empty sibling divs </p> </div>