Javascript 在JSP页面中保存滚动条的位置

我有一个可滚动的DIV，里面有一个表。 是否可以在某种类型的onmove（）方法中捕获滚动位置，以便我可以将其放入cookie中，并在页面重新加载时将滚动条恢复到相同的位置。 这是我的JSP代码

    <div id="wordListTableDiv" style="overflow: auto;height: 700px; width: 320px; max-width:320px; border:2px solid black;  background-color: #FFFFF0; padding: 10px">
        <br>
        <div>    
            <br>
            <input type="button"  value="Show All" onclick="getWordList()" style="float: left;"> 
            <input type="button"  value="Hide Ignored and Good" onclick="hideIgnoredAndGoodWords();" style="float: right;"> 
        </div> 
        <br></br>

        <table id="wordListTable"  border=1 >
            <thead id="wordListTableHead"><tr>
              <th width="150">Word</th>
              <th width="150">State</th>                                  
            </tr></thead>
            <tbody><%-- Empty to begin with, filled by JavaScript. --%></tbody>
        </table>            
    </div>  

但是，除非我打开firebug并设置断点，在该断点处设置cookie中的滚动值，否则它将始终转到位置“0”。我认为这是一个时间问题，对吗

请忽略这个问题。我发现一个JSON调用导致了我的计时问题：（

我创建这个调用是为了演示如何进行计时

    function setScrollPosition()
    {
        //If the scroll position was set previously then reposition it to the old value.
        var scrollPosition = readCookie("scrollPositionCookie");
        if( scrollPosition != null )
        {
            $("#wordListTableDiv").scrollTop( scrollPosition );
        }
    }