请教一下 JavaScript 如何让div随着滚动条而滚动
也就是说让一个div永远固定在一个位置，类似浮动广告一样。兼容IE&&FF。希望好心人能贴出代码。另外问一下，单靠CSSposition可以实现吗？谢谢...
也就是说让一个div 永远固定在一个位置，类似浮动广告一样。兼容IE && FF。希望好心人能贴出代码。另外问一下，单靠CSS position 可以实现吗？谢谢
展开
4个回答
推荐于2016-07-19 · 知道合伙人数码行家
可以叫我表哥
知道合伙人数码行家
采纳数：25897
获赞数：1464983
2010年毕业于北京化工大学北方学院计算机科学与技术专业毕业，学士学位，工程电子技术行业4年从业经验。
向TA提问 私信TA
关注
![]()
展开全部
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<script type="text/javascript">
window.onscroll=function(){
var oDiv=document.getElementById("d");
oDiv.style.top=document.body.scrollTop + 300; //控制上下位置
oDiv.style.left = document.body.scrollLeft + 300; //控制横向位置
}
</script>
<BODY>
<div id="d" style="position:absolute;left=0;top=300;display:;border: 1px #FF00FF solid;" >
<input id="im" type="image" width=100 height=100 src="d:/My Documents/My Pictures/景色8.jpg">
</div>
<p>asdfafsdasdfafsdasdfafsdasdfafsdasdfafsdasdfafsdasdfafsdasdfafsdasdfafsdasdfafsdasdfafsdasdfafsdasdfafsdasdfafsdasdfafsdasdfafsdasdfafsdasdfafsdasdfafsdasdfafsdasdfafsdasdfafsdasdfafsdasdfafsd</p>
<p>asdfafsd</p>
<p>asdfafsd</p>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<script type="text/javascript">
window.onscroll=function(){
var oDiv=document.getElementById("d");
oDiv.style.top=document.body.scrollTop + 300; //控制上下位置
oDiv.style.left = document.body.scrollLeft + 300; //控制横向位置
}
</script>
<BODY>
<div id="d" style="position:absolute;left=0;top=300;display:;border: 1px #FF00FF solid;" >
<input id="im" type="image" width=100 height=100 src="d:/My Documents/My Pictures/景色8.jpg">
</div>
<p>asdfafsdasdfafsdasdfafsdasdfafsdasdfafsdasdfafsdasdfafsdasdfafsdasdfafsdasdfafsdasdfafsdasdfafsdasdfafsdasdfafsdasdfafsdasdfafsdasdfafsdasdfafsdasdfafsdasdfafsdasdfafsdasdfafsdasdfafsdasdfafsd</p>
<p>asdfafsd</p>
<p>asdfafsd</p>
</BODY>
</HTML>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
必须用JAVASCRIPT来实现，单靠CSS是实现不了的。网上代码很多，自己可以查下。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
http://bbs.blueidea.com/viewthread.php?tid=2004837
此帖5楼的代码，我测试IE6和FF均通过，纯CSS无JS。
此帖5楼的代码，我测试IE6和FF均通过，纯CSS无JS。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
要以单靠CSS position就可以实现的!
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
