Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<div style="height:1000vh;"></div>
<img id="img" loading="lazy" src="image.png?lazy-below-viewport">
<script>
const img = document.querySelector('#img');
img.addEventListener("load", () => {
parent.postMessage("image_loaded", "*");
});
window.addEventListener("load", () => {
parent.postMessage("window_loaded", "*");
});
window.addEventListener("message", event => {
if (event.data == "scroll") {
img.scrollIntoView();
}
});
</script>