Remember to write such a code before the trouble, now have a jquery more simple, a few lines of code to fix!
<script type= "Text/javascript" src= "js/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;p Osition:absolute ; top:200px; " >
<div> User name: <input type= "text"/></div>
<div> Password: <input type= "text"/> </div>
<div> Age: <input type= "text"/></div>
<div> notes: <input type= "Text"/ ></div>
<div><input type= "button" value= "Save"/></div>
</div>
The above div with the scroll scroll and scroll the implementation code "recommended" is a small series to share all the content, hope to give you a reference, but also hope that we support the cloud habitat community.