相对滚动怎么修改

请问如何 修改下面的代码,使相对"相对这里" 滚动 而不是以左边为参考,谢谢<html >
<head>
<title>ssss</title>
</head>
<body>
<script type="text/javascript">
function scrollImg(){
    var posX,posY;
    if (window.innerHeight) {
        posX = window.pageXOffset;
        posY = window.pageYOffset;
    }
else if (document.documentElement && document.documentElement.scrollTop) {
posX = document.documentElement.scrollLeft;
posY = document.documentElement.scrollTop;
}
else if (document.body) {
posX = document.body.scrollLeft;
posY = document.body.scrollTop;
    }
var ad=document.getElementById("ad");
    ad.style.top=(posY+100)+"px";
    ad.style.left=(posX+350)+"px";
    setTimeout("scrollImg()",100);
}
</script>
<div id="mydiv" style="width:1px; height:1px">
<div id="ad" style="position:absolute;background:#f8f8f8;width:100px;height:100px;border:1px dotted #000;line-height:100px;text-align:center">sssss</div>
</div>
<script type="text/javascript">
scrollImg();
</script>
<table width="50" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr> 
    <td>相对这里</td>
  </tr>
</table>
</body>
</html>