在做聊天webapp時發現一個問題,當發送新消息時無法讓頁面自動滾到最下面顯示最新的消息。
最先想到的解決思路就是用scrollTop方法,但是將內容節點綁定上scrollTop方法時一直不能生效,后來打開命令台時發現scrollTop的值一直為0。經過一番排查后終於發現問題的所在
scrollTop獲取的值是滾動條產生的那個節點,也就是說雖然在content div里承載的聊天內容,但是為聊天內容產生出滾動條的DOM是它的父級元素,在這個產生滾動條的節點上就可以取得相應的scrollTop值。