15 lines
413 B
HTML
15 lines
413 B
HTML
<!DOCTYPE html>
|
|
<div id="target" style="height: 100px; background-color: green;"></div>
|
|
<script>
|
|
const observer = new IntersectionObserver(records => {
|
|
records.forEach(record => {
|
|
if (record.isIntersecting) {
|
|
window.top.postMessage(record.isIntersecting, "*");
|
|
}
|
|
});
|
|
}, {});
|
|
observer.observe(target);
|
|
window.addEventListener("load", () => {
|
|
window.top.postMessage("ready", "*");
|
|
});
|
|
</script>
|