mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2025-12-08 06:09:58 +00:00
24 lines
766 B
HTML
24 lines
766 B
HTML
|
<!DOCTYPE html>
|
||
|
|
<script src="../include.js"></script>
|
||
|
|
<div id="container" style="height:200px; display:none">
|
||
|
|
<div id="nested"></div>
|
||
|
|
</div>
|
||
|
|
<script>
|
||
|
|
asyncTest(done => {
|
||
|
|
let observer = new IntersectionObserver(entries => {
|
||
|
|
entries.forEach(entry => {
|
||
|
|
if (entry.isIntersecting) {
|
||
|
|
println('#nested is visible');
|
||
|
|
done();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|
||
|
|
observer.observe(document.getElementById('nested'));
|
||
|
|
requestAnimationFrame(() => {
|
||
|
|
requestAnimationFrame(() => {
|
||
|
|
println('flip #container to visible');
|
||
|
|
document.getElementById('container').style.display = 'block';
|
||
|
|
});
|
||
|
|
});
|
||
|
|
});
|
||
|
|
</script>
|