記得以前寫這樣的代碼比較麻煩,現在有了JQuery簡單多了,就幾行代碼搞定!
<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;position:absolute;top:200px;">     <div>用戶名:<input type="text" /></div>     <div>密碼:<input type="text" /></div>     <div>年齡:<input type="text" /></div>     <div>備注:<input type="text" /></div>     <div><input type="button" value="保存" /></div>   </div> 以上這篇DIV隨滾動條滾動而滾動的實現代碼【推薦】就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持武林網。
新聞熱點
疑難解答