關于if(area.scrollTop >= con1.scrollHeight) { area.scrollTop = 0; }
請問在做以下判斷時具體con1、con2和area分別發(fā)生了什么變化？沒太聽懂老師講的
if(area.scrollTop >= con1.scrollHeight) { ? ?
area.scrollTop = 0; ? ? }
1 回答
舉報
0/150
提交
取消
請問在做以下判斷時具體con1、con2和area分別發(fā)生了什么變化？沒太聽懂老師講的
if(area.scrollTop >= con1.scrollHeight) { ? ?
area.scrollTop = 0; ? ? }
2016-07-20
舉報
2016-07-20
教你一個方法來看con1和con2的運動過程
1、先把html里con2的內(nèi)容補全，在JavaScript中刪除con2.innerHTML=con1.innerHTML
2、給con1添加紅色背景色，con2添加綠色背景色。
3、運行頁面，你會發(fā)現(xiàn)在紅色con1的內(nèi)容完全移除時，即area.scrollTop = con1.scrollHeight時，紅色的con1會瞬間回到初始狀態(tài)，也就是area.scrollTop = 0。
在沒有背景色的情況下，?因為con1和con2頂部的內(nèi)容一樣，所以即使回到初始狀態(tài)也看不出來中間變化的過程。
4、接著恢復源代碼，但仍然保留con1的紅色背景色，con2的綠色背景色。你會發(fā)現(xiàn)，跟剛剛不一樣了，紅色的con1沒有在完全移除的瞬間回到初始位置，覆蓋綠色的con2，而是con1和con2連貫的循環(huán)起來。我想可能是因為con2.innerHTML=con1.innerHTML這條語句，使得con2也指向了con1，所以con2也可以完整展示。