document.body.scrollTop问题

likesone 2015-08-15 11:13:18



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>无标题文档</title>

<style>

#btn1{position:fixed;right:0;bottom:0;}

</style>

<script>

window.onload=window.onscroll=function()

{

  var oBtn1=document.getElementById("btn1");

  var scrollTop=document.body.scrollTop||document.documentElement.scrollTop;

  oBtn1.onclick=function()

  {

    scrollTop=0;

    

  }

}

</script>

</head>

<body style="height:2000px">

<input id="btn1" type="button" value="回到顶部">

</body>

</html>

代码如上，在Chrome浏览器中测试“回到顶部按钮”无效，当把第16行的"scrollTop=0"改成"document.body.scrollTop=0"时就可以了，这是为什么呢，明明在第13行已经把document.body.scrollTop赋值给scrollTopl了啊。请高手指点。

...全文

161 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

tangjun147 2015-08-18

打赏
举报

原因回答不了你，因为代码没看，只是奇怪回到顶部简单的方法多了去了，干嘛弄那么复杂 1.<a href="#top" target="_self">返回顶部</a>在顶部放个id为top的div 2.<a href="javascript:scroll(0,0)">返回顶部</a> 3.<a href="#">返回顶部</a>

hch126163 2015-08-17

打赏
举报

document.body.scrollTop 是值类型，不是引用类型 document.body.scrollTop=document.documentElement.scrollTop=0;

化繁为简2007 2015-08-17

打赏
举报

scrollTop=0;作用是为变量再赋了一次值。真正能回到顶部的是document.body.scrollTop=0；

天际的海浪 2015-08-15

打赏
举报

第13行只是把document.body.scrollTop属性的值复制一份赋值给了scrollTop变量。这之后document.body.scrollTop与scrollTop变量就没有一点关系了，两者只是存放了一样的数值而已。第16行对scrollTop变量本身重新赋一个新的值。不会影响到document.body.scrollTop