首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

请教滚动条 滚动到一定位置 调用函数如何实现的

2012-09-12 
请问滚动条 滚动到一定位置调用函数怎么实现的我只知道滚动条事件是onscroll许多 博客 空间 类型的网站都

请问滚动条 滚动到一定位置 调用函数怎么实现的
我只知道滚动条事件是onscroll;

许多 博客 空间 类型的网站都有这种效果。
就是滚动条向下滚动到一定位置,出现返回顶部的框框。不滚动到大于指定的位置是不会出现的。 
这个该如何实现,忘高手赐教,我想了很久也想不出实现的方法。

PS:纯javascript实现,我没学jquery,谢谢。

[解决办法]

HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>scroll事件监听</title><script type="text/javascript">function gotop(){     var y= document.documentElement?(document.documentElement.scrollTop || 0):(document.body.scrollTop || 0);     y = Math.max(y, (window.scrollY || 0));     var o=document.getElementById("gotop");     if(y>677)    {        var left=document.body.clientWidth-parseInt(o.style.width)-10;        var top=document.body.offsetHeight-parseInt(y)/2-10;        o.style.left=left+'px';        o.style.top=top+'px';        o.style.display='block';    }else{o.style.display='none';}}window.attachEvent?window.attachEvent("onscroll",gotop):window.addEventListener("scroll",gotop,false);</script></head><body><div style="height:677px;border:1px solid #bfbfbf;"></div><div style="height:677px;border:1px solid #bfbfbf;"></div><div id="gotop" style=" position:absolute; display:none;width:65px;height:25px;line-height:25px;"><a href="javascript:window.scrollTo(0,0);">回到顶部</a></div></body></html> 

热点排行