根据滚动条位置显示图片(或框架)?

来源：百度知道 编辑：UC知道 时间：2024/06/15 15:49:01
<DIV>
<DIV id=divMenu style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT: expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-80); BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-270); TEXT-ALIGN: center">
<P></P><A href="http://tianshui.163er.com#top"><IMG src="http://album.sina.com.cn/pic/491a5ac4020007bb" border=0></A></DIV></DIV>

这段代码是可以漂浮在左下方的TOP代码

我现在想要这样一个功能
当滚动条在顶处的时候,不显示id为divMenu框架
当滚动条距离顶处一段距离的时候比如(300px) divMenu框架才能显示出来
请问 这样的功能js如何写?

谢谢!
■■■■■■■■■■■■■

<script>
window.onscroll=function(){
var oDivMenu=document.getElementById("divMenu");
if(document.documentElement.scrollTop<300){
oDivMenu.style.display="none";

}else if(document.documentElement.scrollTop>300){
oDivMenu.style.top=document.documentElement.scrollTop+250;
oDivMenu.style.display="block";
}
}

</script>
在divMenu中的style中一定要加display:none

<script>
function checkScoll()
{
if(document.body.scrollTop == 0)
document.all.divMenu.style.display = "none";
else if(document.body.scrollTop > 300)
document.all.divMenu.style.display = "";
}
document.all.divMenu.style.display = "none";
setInterval("checkScoll()", 10);
</script>

<script>
function checkScoll()
{
if(document.body.scrollTop == 0)