Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<html>
<!--
-->
<head>
<style type="text/css">
/* Disable default margins/padding/borders so (0, 0) gets a div. */
* { margin: 0; padding: 0; border: 0; }
</style>
<script type="application/javascript">
function $(id) { return document.getElementById(id); }
function runTests()
{
var is = window.parent.is;
is(document.elementFromPoint(0, 0), $("down"),
"document.elementFromPoint not respecting scrolling?");
is(document.elementFromPoint(200, 200), null,
"should have returned null for a not-visible point");
is(document.elementFromPoint(3, -5), null,
"should have returned null for a not-visible point");
}
</script>
</head>
<!-- This page is loaded in a 200px-square iframe scrolled to #down. -->
<body>
<div style="height: 150px; background: lightblue;">first</div>
<div id="down" style="height: 250px; background: lightgreen;">second</div>
</body>
</html>