首頁 >web前端 >js教程 >iframe 上下滾動條如何預設在下方實現原理_基礎知識

iframe 上下滾動條如何預設在下方實現原理_基礎知識

WBOY
WBOY原創
2016-05-16 17:47:05911瀏覽
問題:iframe 上下滾動條如何默認在下方,做的是聊天工具,數據多了,每次刷新出現的上下滾動默認在上方,還需下拉到下面才能看到聊天記錄,有辦法讓它出現在下方嗎?
答案:直接在iframe裡寫window.scrollTo(0,9999999)或設定div等容器的scrollTop
複製程式碼 程式碼如下:

document.getElementById(“x”).scrollTop = document.getElementById(“x”).scrollHeight
window.scroll( ,9999999)

這個是解決了在下方,但是有新資訊後,滾動條不會自動到下方,我是希望像qq聊天視窗一樣,有新內容了,自動到最下方,該如何來解決呢?

那就應該判斷目前產生的內容是什麼位置,也就是它的top或margin-top是多少,再設定捲軸的高度,這個就可以了,每次產生就呼叫一下捲軸的高度變化,每次得到的新資料後,再呼叫window.scrollTo(0,9999999)這個方法,就可以解決這個問題了!
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn