Source code
Revision control
Copy as Markdown
Other Tools
<!doctype html>
<title>Inner document for use in iframes.sub.html test</title>
<script>
function isInView(element) {
let rect = element.getBoundingClientRect();
return rect.top >= 0 && rect.top <= window.innerHeight
&& rect.left >= 0 && rect.left <= window.innerWidth;
}
function postResult() {
let position = 'unknown';
if (window.scrollY == 0)
position = 'top';
else if (isInView(document.getElementById('target')))
position = 'target';
else if (isInView(document.getElementById('elementid')))
position = 'elementid';
let results = {
scrollPosition: position,
href: window.location.href,
};
window.top.postMessage(results, "*");
}
window.addEventListener('message', (e) => {
if (e.data == 'getResult') {
// Use a timeout to get results - in the elementId fallback case, the
// browser may retry the text fragment search a few times before giving
// up and trying the elementid.
setTimeout(postResult, 2000);
} else if (e.data == 'reset') {
window.location.hash = '';
window.scrollTo(0, 0);
window.top.postMessage('', "*");
}
});
</script>
<style>
p {
margin-top: 400vh;
margin-bottom: 400vh;
}
</style>
<body>
<p id="target">Target Text</p>
<div id="elementid">DIV</div>
</body>