<html>
<head>
<script type="text/javascript">
function test() {
if (window.testRunner) {
testRunner.dumpAsText();
window.scrollTo(0, 1000);
var clickEvent = new MouseEvent('click');
var gotoTop = document.getElementById("gotoTop");
gotoTop.dispatchEvent(clickEvent);
document.write("<div>document.scrollingElement.scrollTop: " + document.scrollingElement.scrollTop +"</div>");
}
}
</script>
</head>
<body onload="test()">
When clicking the link "Goto Top" at the middle of the page, it should go here.
<div style="height:1500px; width:500px; background:#ffddff"></div>
<a id="gotoTop" name="gotoTop" href="#">Goto Top</a>
<div style="height:3000px; width:500px; background:#ffffdd"></div>
<a name="youshouldnotfindme">Oops! Here is the bottom of the page.</a>
<a id="" name="youshouldnotfindmeeither">Oops!</a>
<a name="">Oops!</a>
</body>
</html>