关于if(area.scrollTop >= con1.scrollHeight) { area.scrollTop = 0; }
请问在做以下判断时具体con1、con2和area分别发生了什么变化？没太听懂老师讲的
if(area.scrollTop >= con1.scrollHeight) {
area.scrollTop = 0; }
1 回答
教你一个方法来看con1和con2的运动过程
1、先把html里con2的内容补全，在JavaScript中删除con2.innerHTML=con1.innerHTML
2、给con1添加红色背景色，con2添加绿色背景色。
3、运行页面，你会发现在红色con1的内容完全移除时，即area.scrollTop = con1.scrollHeight时，红色的con1会瞬间回到初始状态，也就是area.scrollTop = 0。
在没有背景色的情况下， 因为con1和con2顶部的内容一样，所以即使回到初始状态也看不出来中间变化的过程。
4、接着恢复源代码，但仍然保留con1的红色背景色，con2的绿色背景色。你会发现，跟刚刚不一样了，红色的con1没有在完全移除的瞬间回到初始位置，覆盖绿色的con2，而是con1和con2连贯的循环起来。我想可能是因为con2.innerHTML=con1.innerHTML这条语句，使得con2也指向了con1，所以con2也可以完整展示。
举报
0/150
提交
取消
