關于if(area.scrollTop >= con1.scrollHeight) { area.scrollTop = 0; }
請問在做以下判斷時具體con1、con2和area分別發生了什么變化？沒太聽懂老師講的
if(area.scrollTop >= con1.scrollHeight) { ? ?
area.scrollTop = 0; ? ? }
1 回答
舉報
0/150
提交
取消
請問在做以下判斷時具體con1、con2和area分別發生了什么變化？沒太聽懂老師講的
if(area.scrollTop >= con1.scrollHeight) { ? ?
area.scrollTop = 0; ? ? }
2016-07-20
舉報
2016-07-20
教你一個方法來看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也可以完整展示。