scrollheight，scrolltop，offsetheight具体是什么意思，举例说明，别拿文本语言解释，不懂

时间：2013.05.05 发布人：asima8106

已解决问题

谷歌asima8106用户在2013.05.05提交了关于“支付宝scrollheight，scrolltop，offsetheight具体是什么意思，举例说明，别拿文本语言解释，不懂”的提问，欢迎大家涌跃发表自己的观点。目前共有1个回答，最后更新于2024-09-16T06:57:35。希望大家能够帮助她。

详细问题描述及疑问：期待您的答案，你是我的宝贝,你是我的花,谢谢你对我的帮助！

希望以下的回答，能够帮助你。

第1个回答

用户名：shellbill 时间：2013.05.06

scrollh**eight，scrollTop，offseth**eight

从来没有切定学过js的我，好多知识点都落下了！这几天公司要做汽演说土断呼几际零策一个抽奖模块，要讲指绿求将中奖用户的一些信息来回滚动显示出来。滚动效果网上还是蛮多的，自己以前也做过类似的效果，但这次做起来还这不是以前那么顺利，不述两下停了就是有跳跃的感觉。还是的自己好好‘研究’一下：scrollh**eight，scrollTop，offseth**eight这三个鸟东西

先发一个‘道具’放这，为下面的解说做点准备：

来自第一条

第二条

第三条

第四条

<scripttype="text/j**ascript">//<![CDATA[

vartest=document.getElementById('test');

varinner1=document.getElementById('inner1');

varinner2=document.getElementById('inner2');

inner2.innerh**TML=inner1.innerh**TML;

//alert(test.offseth**eig确取工脱动义雨依苗ht);

//al李明乎ert(test.scrollh**eight);

//alert(test.scrollTop)问答;

//alert(inner1.offseth**eight);

//alert(in般场变ner1.scroll学希行印白冲继顺越孙刚h**eight);

//alert(inner1.scrollTop);

//alert(inner2.offseth**eight);

//alert(inner感防局会促差谈音操阻买.scrollh**eight);

//alert(inner.scrollTop);

setInterval(add,70);

functionadd(许蛋完超){

if(inner1.offseth**eight-tes很照由其资及会土万香t.scrollT弦抗树决op<=0){

//alert(test.scrollTop);

test.scrollTop-=inner观跑织脚林块1.offset全胜h**eight;

//alert(test.scrollTop);

}else{

test.sc之又力来rollTop++;

}

//]]></script>

scrollh**eight：看起来有点像滚动条的高度，其实不然，虽然他确实重慢纪批座孙更滚动条有关系。他是指一个元素在不加任何：height足众下计，overflow这些或其苗析月金月很端限制时的高度。比如上面：id=”test”的div拉交，他的scrollh**eight是280px，为什么是这个数！？这个可以计算出来的：inner1的高度=35*4px（注：每一行line-height为3**x，总**4行，切已经去掉了p标签的内外边框marginpadding的高度），然后又因为js里面有这一句：inner2.innerh**TML=inner1.innerh**TML;将innner1里面的html标记复制给了innner2，所以inner2现在的高度也是：35*4px，所以也就有test的高度为280px=inner1+inner2;

offseth**eight：这个东西就跟滚动条没关系了。他是指一个元素在加：height，时的值。上面的：id=”test”的div，他的offseth**eight是3**x，这个没得很多解释，就是一个元素可以看见的高度。

scrollTop：这个是指滚动条到滚动开始地方的高度（见图的解释）。

好像没什么好说的了，这个三个的区别我就发现这些。可能还有其他区别，希望知道的朋友能帮我加上，学习一个分享的过程