DIV隨滾動條滾動而滾動的實現(xiàn)代碼【推薦】

更新時間：2016年04月12日 15:16:30 投稿：jingxian

下面小編就為大家?guī)硪黄狣IV隨滾動條滾動而滾動實現(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隨滾動條滾動而滾動的實現(xiàn)代碼【推薦】就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

相關(guān)文章

基于JQuery實現(xiàn)CheckBox全選全不選
做項目時需要實現(xiàn)CheckBox的全選，我想用JQuery實現(xiàn)，從網(wǎng)上找了找，網(wǎng)上的確有很多例子，但都不能實現(xiàn)我想要的全部效果
2011-06-06
jQuery+AJAX實現(xiàn)無刷新下拉加載更多
這篇文章主要介紹了jQuery+AJAX實現(xiàn)無刷新下拉加載更多的相關(guān)資料,需要的朋友可以參考下
2015-07-07
jQuery EasyUI API 中文文檔 - EasyLoader 加載器
jQuery EasyUI API 中文文檔 - EasyLoader 加載器，使用jQuery EasyUI的朋友可以參考下。
2011-09-09
easyui簡介_動力節(jié)點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)的實現(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代碼提示功能
這篇文章主要介紹了在myeclipse中如何加入jquery代碼提示功能,需要的朋友可以參考下
2014-06-06
jQuery的ajax中使用FormData實現(xiàn)頁面無刷新上傳功能
這篇主要寫如何利用ajax和FormData實現(xiàn)頁面無刷新的文件上傳效果，主要用到了jQuery的ajax()方法和XMLHttpRequest Level 2的FormData接口。需要的的朋友參考下本文
2017-01-01
解析jquery easyui tree異步加載子節(jié)點問題
本篇文章主要介紹解析jquery easyui tree異步加載子節(jié)點問題，easyui中的樹可以從標(biāo)記中建立，也可以通過指定一個URL屬性讀取數(shù)據(jù)建立，有興趣的可以了解一下。
2017-03-03
jQuery基于事件控制實現(xiàn)點擊顯示內(nèi)容下拉效果
這篇文章主要介紹了jQuery基于事件控制實現(xiàn)點擊顯示內(nèi)容下拉效果,涉及jQuery事件響應(yīng)及元素屬性動態(tài)操作相關(guān)技巧,需要的朋友可以參考下
2017-03-03