Code for jquery-based DIV scrolling with the scroll bar

Core code: Copy codeThe Code is as follows: <script type = "text/javascript" src = "http://demo.jb51.net/jslib/jquery/jquery-1.7.2.min.js"> </script>
<Script type = "text/javascript">
$ (Function (){
$ (Window). scroll (function (){
Var top = $ (window). scrollTop () + 200;
Var left = $ (window). scrollLeft () + 320;
$ ("# EditInfo" ).css ({left: left + "px", top: top + "px "});
});
});
</Script>

<Div id = "editInfo" style = "float: left; width: 300px; background-color: # ccc; position: absolute; top: 200px;">
<Div> User name: <input type = "text"/> </div>
<Div> password: <input type = "text"/> </div>
<Div> Age: <input type = "text"/> </div>
<Div> Note: <input type = "text"/> </div>
<Div> <input type = "button" value = "save"/> </div>
</Div>
<Div style = "height: 1500px"> </div>

Online Demo http://demo.jb51.net/js/2012/jquery_demo/jquery_div.html
I remember writing this code was troublesome. Now JQuery is much simpler, just a few lines of code!