返回顶部js代码,不兼容chroma,求高手指点,谢谢

seili 2011-10-21 04:29:02
<div id="gotopbtn">返回顶部</div>
<script type="text/javascript">
BackTop=function(btnId){
var d;
if(document.body.scrollTop + document.documentElement.scrollTop){d=document.body;}
else{d=document.documentElement;
var btn=document.getElementById(btnId);

window.onscroll=set;
btn.onclick=function (){
btn.style.display="none";
window.onscroll=null;
this.timer=setInterval(function(){
d.scrollTop-=Math.ceil(d.scrollTop*0.1);
if(d.scrollTop==0) clearInterval(btn.timer,window.onscroll=set);},10);
};
function set(){btn.style.display=d.scrollTop?'block':"none"}

};
BackTop('gotopbtn');
</script>
就是不知道怎样对d这个变量进行判断是document.documentElement还是document.body对象,因为chroma不认识document.documentElement。。。。。
请各位大侠帮帮忙,先谢谢了
...全文
156 8 打赏 收藏 转发到动态 举报
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
seili 2011-10-22
  • 打赏
  • 举报
回复
[Quote=引用 3 楼 dxx1988 的回复:]

document.body.scrollIntoView()
[/Quote]
这个是什么意思?能说明白一点吗?
seili 2011-10-22
  • 打赏
  • 举报
回复
[Quote=引用 2 楼 mpqzmzqp 的回复:]

试试这个好用不
<a onclick="window.scrollTo(0,0);">返回顶部</a>]</div>
[/Quote]
这个是直接性返回的,不带有渐进性
seili 2011-10-22
  • 打赏
  • 举报
回复
[Quote=引用 1 楼 liangws 的回复:]

这样?
var d = document.documentElement || document.body;
[/Quote]


这样还是不兼容chroma的
Exodia 2011-10-22
  • 打赏
  • 举报
回复
[Quote=引用 7 楼 seili 的回复:]

引用 3 楼 dxx1988 的回复:

document.body.scrollIntoView()

这个是什么意思?能说明白一点吗?
[/Quote]

自己去查阅scrollIntoView这个dom方法
sunnylost 2011-10-21
  • 打赏
  • 举报
回复
这是我写的返回顶部代码 http://userscripts.org/scripts/review/115493 希望对你有所帮助~
Exodia 2011-10-21
  • 打赏
  • 举报
回复
document.body.scrollIntoView()
一秒L 2011-10-21
  • 打赏
  • 举报
回复
试试这个好用不
<a onclick="window.scrollTo(0,0);">返回顶部</a>]</div>
liangws 2011-10-21
  • 打赏
  • 举报
回复
这样?
var d = document.documentElement || document.body;

87,990

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧