mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2025-10-03 22:59:13 +00:00
85883ee5ce
This makes it so that PaintableWithLines no longer has its own bespoke clipping logic, using the same code as regular scroll/ overflow clipping.
35 lines
1.1 KiB
HTML
35 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
|
<style>
|
|
* {
|
|
scrollbar-width: none;
|
|
}
|
|
|
|
#container {
|
|
width: 300px;
|
|
height: 300px;
|
|
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>
|