Max Left Positioning Test
HTML
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Max Left Test</title>
</head>
<body>
Pos: <span id="status"></span>
<div id="test" style="position:absolute; top:0; left:-1000px">Test</div>
<script type="text/javascript">
var getCumulativeOffset = function (obj) {
var left, top;
left = top = 0;
if (obj.offsetParent) {
do {
left += obj.offsetLeft;
top += obj.offsetTop;
} while (obj = obj.offsetParent);
}
return {
x : left,
y : top
};
};
var x =0,
test = document.getElementById("test"),
status = document.getElementById("status");
setInterval(function() {
test.style.left = (getCumulativeOffset(test).x + 10000) + "px";
status.innerHTML = test.style.left;
}, 5);
</script>
</body>
</html>