(Scroll-)Text ab bestimmtem Punkt abschneiden

Hey liebe Community,

ich arbeite derzeit an einem neuen Theme für eine bekannte und bin gerade auf ein (warscheinlich) sehr triviales Problem gestoßen.

Ich habe eine "Content Box", in welcher die Inhalte der Einzelseiten dargestellt werden sollen. Diese Box ist statisch, sie bewegt sich beim scrollen nicht mit. Der Text(/Inhalt, etc.) dagegen soll sich beim Scrollen nach oben bewegen.

Mein Problem ist im Moment dass sich der Text beim scrollen, über die Content Box hinaus verschiebt, was nicht gewünscht ist. (ich habe es auf dem angehängtem Screenshot markiert, fürs bessere Verständnis)

Im Moment komme ich auf keine gute Idee wie ich das ändern könnte.

Das Hintergrundbild ist in der CSS datei hinterlegt. Die "Content Box" ist eine <section> unterhalb von <section id="content" role="main">.

Ich könnte zwar den branding bereich so gestalten dass er quasi "über" der schrift liegt, und sie beim scrollen verdecken würde, allerdings würde das probleme mit dem hintergrund bild bereiten.

Fällt jemandem was ein?

ähm. die seite ist auf meinem localhost. deshalb habe ich keine url angegeben. dachte vielleicht ist die +
problembeschreibung + screenshot augenfällig genug..

ich habe die Lösung gerade selbst gefunden. Für den Fall dass jemand dasselbe Problem hat:

Der "Content-Bereich" wird per CSS mit "overflow: scroll;" bearbeitet. Dadurch erhält er seinen eigenen scrollbalken. Der Inhalt verschwindet nun beim scrollen am oberen Ende des Bereiches.

Den jetzt unnützen scrollbalken entfernt man durch die Eintragung "overflow: hidden;" im body Bereich.