Question

请教一个关于javascript中offsetTop和scrollTop的问题

function Marquee1(){
//当滚动至colee1与colee2交界时
if(colee2.offsetTop-colee.scrollTop<=0){
colee.scrollTop-=colee1.offsetHeight; //colee跳到最顶端
}else{
colee.scrollTop++
}
}

问题： colee2.offsetTop-colee.scrollTop<=0 这句无法理解，希望有人可以帮忙，这个函数时想让元素向上滚动的

Answer 1

1、当元素的父容器没有指定定位方式时，指元素与body元素之间的偏移距离；
2、当对父容器指定定位方式（如：position：relative；）时，则指元素与父容器之间的偏移距离；
所以，当没有指定定位方式时，代码中的colee2.offsetTop值已经是元素colee2与body元素之间的偏移距离了。当这部分代码置入页面上方top：0处时，自然没有问题。但是，如果插入到页面下方时，colee2.offsetTop值就已经不再是top：0了，自然就出现位移偏差了，以致滚动执行不正确！

解决办法：只需在colee的css样式中加入”position:absolute”即可。
即：
<div id=”colee” style=”overflow:hidden;height:100px;width:200px;position:absolute;”>

Answer 2

具体代码贴出来