DIV隨滾動條滾動而滾動的實(shí)現(xiàn)代碼【推薦】
更新時間：2016年04月12日 15:16:30 投稿：jingxian
下面小編就為大家?guī)硪黄狣IV隨滾動條滾動而滾動實(shí)現(xiàn)代碼【推薦】。小編覺得挺不錯的，現(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隨滾動條滾動而滾動的實(shí)現(xiàn)代碼【推薦】就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
基于JQuery實(shí)現(xiàn)CheckBox全選全不選
做項(xiàng)目時需要實(shí)現(xiàn)CheckBox的全選，我想用JQuery實(shí)現(xiàn)，從網(wǎng)上找了找，網(wǎng)上的確有很多例子，但都不能實(shí)現(xiàn)我想要的全部效果2011-06-06
jQuery+AJAX實(shí)現(xiàn)無刷新下拉加載更多
這篇文章主要介紹了jQuery+AJAX實(shí)現(xiàn)無刷新下拉加載更多的相關(guān)資料,需要的朋友可以參考下2015-07-07
jQuery EasyUI API 中文文檔 - EasyLoader 加載器
jQuery EasyUI API 中文文檔 - EasyLoader 加載器，使用jQuery EasyUI的朋友可以參考下。2011-09-09
easyui簡介_動力節(jié)點(diǎn)Java學(xué)院整理
這篇文章主要介紹了easyui簡介，詳細(xì)的介紹了什么是easyui和easyui的用法，有興趣的可以了解一下2017-07-07
基于jquery的網(wǎng)頁SELECT下拉框美化代碼
基于CSS 和JS的網(wǎng)頁SELECT下拉框美化,JQUERY 插件，最近為公司的網(wǎng)頁制做部，開發(fā)了一個用于美化網(wǎng)頁上select 下拉框的JQUERY插件，拿來與大家分享。2010-10-10
通過Jquery遍歷Json的兩種數(shù)據(jù)結(jié)構(gòu)的實(shí)現(xiàn)代碼
在ajax交互中，我們從服務(wù)器端返回的數(shù)據(jù)類型有xml,html,script,json,jsonp,text，本文以json為例，講述了在前臺如何利用jquery遍歷json的兩種數(shù)據(jù)結(jié)構(gòu)2011-01-01
這篇文章主要介紹了在myeclipse中如何加入jquery代碼提示功能,需要的朋友可以參考下2014-06-06
jQuery的ajax中使用FormData實(shí)現(xiàn)頁面無刷新上傳功能
這篇主要寫如何利用ajax和FormData實(shí)現(xiàn)頁面無刷新的文件上傳效果，主要用到了jQuery的ajax()方法和XMLHttpRequest Level 2的FormData接口。需要的的朋友參考下本文2017-01-01
解析jquery easyui tree異步加載子節(jié)點(diǎn)問題
本篇文章主要介紹解析jquery easyui tree異步加載子節(jié)點(diǎn)問題，easyui中的樹可以從標(biāo)記中建立，也可以通過指定一個URL屬性讀取數(shù)據(jù)建立，有興趣的可以了解一下。2017-03-03
jQuery基于事件控制實(shí)現(xiàn)點(diǎn)擊顯示內(nèi)容下拉效果
這篇文章主要介紹了jQuery基于事件控制實(shí)現(xiàn)點(diǎn)擊顯示內(nèi)容下拉效果,涉及jQuery事件響應(yīng)及元素屬性動態(tài)操作相關(guān)技巧,需要的朋友可以參考下2017-03-03