<!DOCTYPE html>
<script src="../../resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script>
<style>
body { height: 1400px; }
body.shrink { height: 1000px; }
#anchor {
display: block;
position: absolute;
width: 100px;
height: 100px;
background-color: #fdd;
left: 200px;
top: 600px;
}
</style>
<a id="anchor" name="foo"></a>
<script>
test(function(t) {
location.hash = "#foo";
assert_equals(scrollY, 600);
document.body.className = "shrink";
document.body.offsetHeight; // Force layout.
anchor.style.top = "200px";
assert_equals(scrollY, 200);
}, "Preserve fragment anchor if clamping occurs during load.");
</script>