mirror of
https://github.com/SerenityOS/serenity
synced 2024-07-22 02:26:11 +00:00
e2b2b2439c
Fixes bug when corner clip mask moves along with the scrolled text.
30 lines
1.1 KiB
HTML
30 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
|
<link rel="match" href="reference/scrolled-text-with-clipped-corners-ref.html" />
|
|
<style>
|
|
* {
|
|
scrollbar-width: none;
|
|
}
|
|
|
|
#container {
|
|
width: 300px;
|
|
height: 300px;
|
|
border: 5px solid black;
|
|
border-radius: 50%;
|
|
overflow: scroll;
|
|
font-size: 40px;
|
|
}
|
|
</style>
|
|
<div id="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>
|
|
<script>
|
|
const scrollContainer = document.getElementById("container");
|
|
scrollContainer.scrollTop = 300;
|
|
</script>
|