問題:iframe 上下滾動條如何默認在下方,做的是聊天工具,數據多了,每次刷新出現的上下滾動默認在上方,還需下拉到下面才能看到聊天記錄,有辦法讓它出現在下方嗎?
答案:直接在iframe裡寫window.scrollTo(0,9999999)或者設置div等容器的scrollTop
復制代碼 代碼如下:
document.getElementById(“x”).scrollTop = document.getElementById(“x”).scrollHeight
window.scrollTo(0,9999999)
這個是解決了在下方,但是有新信息後,滾動條不會自動到下方,我是希望像qq聊天窗口一樣,有新內容了,自動到最下方,應該如何來解決呢?
那就應該判斷當前生成的內容是什麼位置,即它的top或者margin-top是多少,再設置滾動條的高度,這個就可以了,每次生成就調用一下滾動條的高度變化,每次得到的新數據後,再調用 window.scrollTo(0,9999999)這個方法,就可以解決這個問題了!