DIV随滚动条滚动而滚动的实现代码【推荐】
记得以前写这样的代码比较麻烦,现在有了JQuery简单多了,就几行代码搞定!
<scripttype="text/javascript"src="Js/jquery-1.7.2.min.js"></script>
<scripttype="text/javascript">
$(function(){
$(window).scroll(function(){
vartop=$(window).scrollTop()+200;
varleft=$(window).scrollLeft()+320;
$("#editInfo").css({left:left+"px",top:top+"px"});
});
});
</script>
<divid="editInfo"style="float:left;width:300px;background-color:#ccc;position:absolute;top:200px;">
<div>用户名:<inputtype="text"/></div>
<div>密码:<inputtype="text"/></div>
<div>年龄:<inputtype="text"/></div>
<div>备注:<inputtype="text"/></div>
<div><inputtype="button"value="保存"/></div>
</div>
以上这篇DIV随滚动条滚动而滚动的实现代码【推荐】就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持毛票票。