请教一下 JavaScript 如何让div随着滚动条而滚动
也就是说让一个div 永远固定在一个位置，类似浮动广告一样。兼容IE && FF。希望好心人能贴出代码。另外问一下，单靠CSS position 可以实现吗？谢谢
<!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>
温馨提示：内容为网友见解，仅供参考
第1个回答 2010-07-10
必须用JAVASCRIPT来实现，单靠CSS是实现不了的。网上代码很多，自己可以查下。
第2个回答 推荐于2017-11-23
http://bbs.blueidea.com/viewthread.php?tid=2004837
此帖5楼的代码，我测试IE6和FF均通过，纯CSS无JS。本回答被提问者采纳
此帖5楼的代码，我测试IE6和FF均通过，纯CSS无JS。本回答被提问者采纳
第3个回答 2010-07-12
要以单靠CSS position就可以实现的!
相似回答
