图片无缝滚动代码原理

来源：百度知道 编辑：UC知道 时间：2024/09/21 17:57:29
demo2.innerHTML=demo1.innerHTML //克隆demo1为demo2
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0) //当滚动至demo1与demo2交界时
demo.scrollTop-=demo1.offsetHeight //demo跳到最顶端
else{
demo.scrollTop++
}
}
请帮我解释一下他的原理是什么 最好是一句一句的解释 包括OFFSETTOP和scrolltop、offsetheight这些东西的用法好吗？我看了很久都不是很懂，好像是的demo2.offsettop=demo1.offsetheight 其他的又怎么样？具体点 直接复制网上东西的同志会被直接54 哈啊哈 谢谢啦

没人答~...郁闷

无缝滚动主题思想是：
1. 要用到两个层 div1 与 div2 （也有情况要用到多个，具体讨论）两个层的内容是一样的。
2. 把两个层拼接在一起。div1 的上端 连接 div2的下端。
3. 开始滚动，看楼主的代码是从上往下垂直滚动。
3. scrollTop(网页滚动了多少) + offsetTop(当前滚动位置上边距)就是获得div与网页上边缘的距离，如此以来就可以获得div当前滚动到那个为止了。offsetHeight获得div的高度。
4. 通过判断几个量的关系，就可以知道div1 是否滚动完毕了，如果div1整个都滚动出了框架位置，就把div1的下面连接到div2的上面去。如此循环就可以了

我想LZ可能没完全明白，因为这个比较抽象

具体遇到问题你Hi我吧