<!DOCTYPE HTML>
<html>
<head>
<style>
#target5 {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 20px;
        height: 20px;
        background: #f00;
}
</style>
<body>
<div id="target5"></div>
<script>
        var io = new IntersectionObserver(function (records) {
                console.log(records[0].rootBounds, location.href);
                window.parent.postMessage(records[0].rootBounds == null, 'http://mochi.test:8888');
        }, {});
        io.observe(document.getElementById("target5"));
</script>
</body>
</html>
