基于jquery的DIV随滚动条滚动而滚动的代码
更新时间：2012年07月20日 18:56:57 作者：
基于jquery的DIV随滚动条滚动而滚动的代码，有了JQuery简单多了，就几行代码搞定
核心代码：
<script type="text/javascript" src="http://demo.jb51.net/jslib/jquery/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 style="height:1500px"></div>
在线演示 http://demo.jb51.net/js/2012/jquery_demo/jquery_div.html
记得以前写这样的代码比较麻烦，现在有了JQuery简单多了，就几行代码搞定！
复制代码 代码如下:
<script type="text/javascript" src="http://demo.jb51.net/jslib/jquery/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 style="height:1500px"></div>
在线演示 http://demo.jb51.net/js/2012/jquery_demo/jquery_div.html
记得以前写这样的代码比较麻烦，现在有了JQuery简单多了，就几行代码搞定！
相关文章
只需将js引用并设置下变量就行了，但一直没搞明白原理，这次弄清了如何传递、设置多个（很多个）参数，如果你也不明白可以看看2014-10-10
下面小编就为大家带来一篇jquery解析XML及获取XML节点名称的实现代码。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
jquery.cookie() 方法的使用(读取、写入、删除)
jquery.cookie() 方法:一个轻量级的cookie 插件，可以读取、写入、删除 cookie，下面有个不错的数量，大家可以学习下2013-12-12
jquery插件冲突(jquery.noconflict)解决方法分享
本文主要解决了如何让多个不同的jQuery版本在同一个页面并存而不冲突的方法,需要的朋友可以参考下2014-03-03
DIY jquery plugin - tabs标签切换实现代码
接触jquery 2,3个月了，一直都未动手写过插件。正好最近比较闲，就打算把一直看不顺眼的项目中现有的tab改造一番（现有的tab未能做成一个控件，copy,past的代码太多）。2010-12-12
这篇文章主要介绍了jQuery+canvas实现的球体平抛及颜色动态变换效果,通过jQuery结合html5的canvas技术调用时间函数实时进行数学运算,最终实现球体平抛及颜色动态变换的效果,需要的朋友可以参考下2016-01-01
这篇文章主要为大家详细介绍了避免jQuery名字冲突，noConflict()方法，感兴趣的朋友可以参考一下2016-07-07
这篇文章主要给大家介绍了关于利用jquery如何从json中读取数据追加到html中的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编一起来看看吧。2017-12-12
JQuery操作Select的Options的Bug(IE8兼容性视图模式)
JQuery在IE8兼容性视图模式下操作Select的Options的Bug在本文进行重现并给出详细的解决方法，感兴趣的朋友可以参考下哈，希望对你有所帮助2013-04-04
EasyUI的DataGrid每行数据添加操作按钮的实现代码
今天做项目的时候，想在easyui的datagrid每一列数据后边都加上一个操作按钮，怎么实现此功能呢？下面小编给大家带来了EasyUI的DataGrid每行数据添加操作按钮的实现代码，需要的朋友参考下吧2017-08-08
最新评论