DIV隨滾動條滾動而滾動的實現(xiàn)代碼【推薦】
記得以前寫這樣的代碼比較麻煩,現(xiàn)在有了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隨滾動條滾動而滾動的實現(xiàn)代碼【推薦】就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
jQuery中[attribute^=value]選擇器用法實例
這篇文章主要介紹了jQuery中[attribute^=value]選擇器用法,實例分析了[attribute^=value]選擇器的功能、定義及匹配以某些值開始的元素的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2014-12-12jQuery中fadeIn、fadeOut、fadeTo的使用方法(圖片顯示與隱藏)
jQuery中fadeIn、fadeOut、fadeTo的使用方法(圖片顯示與隱藏),需要的朋友可以參考一下2013-05-05jQuery實現(xiàn)點擊表格單元格就可以編輯內(nèi)容的方法【測試可用】
這篇文章主要介紹了jQuery實現(xiàn)點擊表格單元格就可以編輯內(nèi)容的方法,涉及jQuery針對table表格元素的遍歷與動態(tài)操作相關(guān)技巧,需要的朋友可以參考下2016-08-08jQuery學(xué)習(xí)之DOM節(jié)點的插入方法總結(jié)
這篇文章主要給大家介紹了jQuery中DOM節(jié)點的插入方法,文章總結(jié)的很全面,相信對大家具有一定的參考價值,需要的朋友們一起來看看吧。2017-01-01jQuery插件imgPreviewQs實現(xiàn)上傳圖片預(yù)覽
這篇文章主要介紹了jQuery插件imgPreviewQs實現(xiàn)上傳圖片預(yù)覽的相關(guān)資料,需要的朋友可以參考下2016-01-01jQuery簡單實現(xiàn)input文本框內(nèi)灰色提示文本效果的方法
這篇文章主要介紹了jQuery簡單實現(xiàn)input文本框內(nèi)灰色提示文本效果的方法,涉及jQuery針對頁面元素的遍歷與樣式動態(tài)操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-12-12