Cómo emular/crear css overflow-top y overflow-bottom?

Question

Estoy usando elegante para modificar un sitio web y tengo este div lleno de texto que necesita ser movido hacia arriba. El problema es que el div circundante tiene overflow-y: oculto para evitar que el texto fluya por la página. ¿Cómo puedo permitir el desbordamiento pero no hacia abajo?

P.S. Sé que las propiedades css que utilicé en el título no existen, aunque si lo hicieran, el estilo ya estaría hecho.

Answer 1

Necesitaba lo mismo, descubrí que puede simplemente usar clip, es una propiedad css muy práctica que no es muy conocida. Hace exactamente lo que quiere, puede dar forma a la dimensión de un div a su gusto. Con clip, por ejemplo, puede hacer algo como

<div id="myBox" style="clip: rect(10px 100px 100px 10px);">This is some text to play with so you can see it is clipped.</div>