Versteckt den Teilansichtstext im Überlauf

Ich mache bookReader und eine Seite passt in das User Viewport. Für diesen Ansatz mache ich div

mit

Dann biete ich an, dieses Element nur mit den Tasten next und prev zu scrollen. Wenn der Benutzer auf die Schaltfläche Next klickt, wird er wie folgt scrollen.

Aber ich habe ein Problem. Manchmal wird der Benutzer einen Teil der Textzeile sehen. Wie kann ich auf jeder Seite überprüfen, ob die letzte Textzeile unterbrochen ist, und sie ausblenden, wenn sie kaputt ist. Ich möchte den Inhalt nicht ändern. Ich brauche eine Funktion, die jede Seite prüft, wenn diese den Teiletext enthält, und wenn sie diesen Teiletext hat, verstecke sie ihn, indem sie auf das oberste Element setzt, das das ausblenden soll.

DEMO: Ich zeige in roter Farbe, was ich finden und verstecken muss.

Ссылка

DEMO 2: Es kann alles enthalten (Header Tags, img, <code> , etc.) Ссылка

P.S. Machen Sie alle gleich line-height ist keine Lösung. Das Ändern von Inhaltsstilen ist auch keine Lösung.