怎样保证div的滚动条再刷新保持原来的位置

在div中放置了一个gridview，gridview中包含一列checkbox，当点击checkbox时，怎样保证页面刷新后仍在原来的位置？
<script type="text/javascript">          //刷新时滚动条保留位置          function ScrollToSelectNode() {              document.getElementById("left").scrollTop = "<%=ScrollValue%>";          }          function bindData() {              document.getElementById("divScrollValue").value = document.getElementById("left").scrollTop;          }      </script> 
<body onload="ScrollToSelectNode()">  
  <form id="Form1" runat="server" onsubmit="bindData()">
<input runat="server" id="divScrollValue" type="hidden" value="" />  
  <div id="left" style="height: 100px; width: 100%; overflow-y: scroll; overflow-x: scroll;">
 </div>    
   </form>
</body>
public static string ScrollValue = string.Empty;//滚动条位置   
 protected void Page_Load(object sender, EventArgs e)    
{        ScrollValue = divScrollValue.Value;    }
用上面的代码写的时候会出现 document.getElementById("…")为空或者不是对象，这个问题怎么解决啊？