回到顶部的js代码在谷歌浏览器下为什么不运行
// JavaScript Document 回到顶部 function goTopEx(){ var obj=document.getElementById("goTopBtn"); function getScrollTop(){ var xtop; xtop = document.documentElement.scrollTop || document.body.scrollTop; return xtop; } function setScrollTop(value){ if (document.body) { document.documentElement.scrollTop=value; } else { document.documentElement.body=value; } } window.onscroll=function(){getScrollTop()>0?obj.style.display="block":obj.style.display="none";} obj.onclick=function(){ var gotop; gotop=window.setInterval(scrollMove,10); function scrollMove(){ setScrollTop(getScrollTop()/3); if(getScrollTop()<1) { window.clearInterval(gotop); } } alert(gotop); } }
在html里我这样调用的,但是在ie,firefox都会执行,在google浏览器里Onclick时没反应!
XML/HTML code?<DIV style="DISPLAY: none" id=goTopBtn><IMG border=0 src="{res file=images/toTop.png}"></DIV> <SCRIPT type=text/javascript>goTopEx();</SCRIPT>
应该是浏览器的兼容性问题:lz试试把xtop = document.documentElement.scrollTop || document.body.scrollTop;改成
var de = document.documentElement;
xtop=self.pageYOffset || ( de && de.scrollTop ) || document.body.scrollTop;
obj.onclick=function(){ var gotop; gotop=window.setInterval(function(){ setScrollTop(getScrollTop()/3); if(getScrollTop()<1) { window.clearInterval(gotop); } },10); alert(gotop); }