minerva/Tests/LibWeb/Ref/reference/scrolled-text-with-clipped-corners-ref.html at master

ErisCyan / minerva

Find file

Newer

Older

minerva / Tests / LibWeb / Ref / reference / scrolled-text-with-clipped-corners-ref.html

minerva on 13 Jul 1 KB Initial commit

Raw Blame History

<!DOCTYPE html>
<style>
    * {
        scrollbar-width: none;
    }

    #container {
        width: 300px;
        height: 300px;
        border: 5px solid black;
        border-radius: 50%;
        overflow: hidden;
    }

    #text-container {
        overflow: scroll;
        width: 300px;
        height: 300px;
        font-size: 40px;
    }
</style>
<div id="container">
    <div id="text-container">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ultrices neque eu nisi facilisis
        viverra. Integer lacinia, lacus vel condimentum suscipit, lacus felis porta nulla, eget
        lacinia sem neque ut neque. In sagittis, eros vel interdum porta, quam ex rhoncus lectus,
        vitae suscipit risus orci sit amet velit. Praesent imperdiet condimentum rutrum. Cras vitae
        nisl sapien. Curabitur ligula diam, tincidunt congue tincidunt nec, sodales nec orci.
        Vestibulum tincidunt non elit in vehicula. Etiam malesuada neque eu porta rhoncus. Curabitur
        vel nunc finibus ligula posuere venenatis.
    </div>
</div>
<script>
    const scrollContainer = document.getElementById("text-container");
    scrollContainer.scrollTop = 300;
</script>