iframe 上下滾動條如何默認在下方實現(xiàn)原理
更新時間:2012年12月10日 09:24:20 作者:
iframe 上下滾動條如何默認在下方,做的是聊天工具,數(shù)據(jù)多了,每次刷新出現(xiàn)的上下滾動默認在上方,還需下拉到下面才能看到聊天記錄,本文將介紹,如和實現(xiàn)在下方
問題:iframe 上下滾動條如何默認在下方,做的是聊天工具,數(shù)據(jù)多了,每次刷新出現(xiàn)的上下滾動默認在上方,還需下拉到下面才能看到聊天記錄,有辦法讓它出現(xiàn)在下方嗎?
答案:直接在iframe里寫window.scrollTo(0,9999999)或者設(shè)置div等容器的scrollTop
document.getElementById(“x”).scrollTop = document.getElementById(“x”).scrollHeight
window.scrollTo(0,9999999)
這個是解決了在下方,但是有新信息后,滾動條不會自動到下方,我是希望像qq聊天窗口一樣,有新內(nèi)容了,自動到最下方,應該如何來解決呢?
那就應該判斷當前生成的內(nèi)容是什么位置,即它的top或者margin-top是多少,再設(shè)置滾動條的高度,這個就可以了,每次生成就調(diào)用一下滾動條的高度變化,每次得到的新數(shù)據(jù)后,再調(diào)用 window.scrollTo(0,9999999)這個方法,就可以解決這個問題了!
答案:直接在iframe里寫window.scrollTo(0,9999999)或者設(shè)置div等容器的scrollTop
復制代碼 代碼如下:
document.getElementById(“x”).scrollTop = document.getElementById(“x”).scrollHeight
window.scrollTo(0,9999999)
這個是解決了在下方,但是有新信息后,滾動條不會自動到下方,我是希望像qq聊天窗口一樣,有新內(nèi)容了,自動到最下方,應該如何來解決呢?
那就應該判斷當前生成的內(nèi)容是什么位置,即它的top或者margin-top是多少,再設(shè)置滾動條的高度,這個就可以了,每次生成就調(diào)用一下滾動條的高度變化,每次得到的新數(shù)據(jù)后,再調(diào)用 window.scrollTo(0,9999999)這個方法,就可以解決這個問題了!
相關(guān)文章
js數(shù)組方法擴展實現(xiàn)數(shù)組統(tǒng)計函數(shù)
這篇文章主要介紹了js數(shù)組方法擴展,實現(xiàn)數(shù)組統(tǒng)計函數(shù),需要的朋友可以參考下2014-04-04JavaScript中switch判斷容易犯錯的一個細節(jié)
這篇文章主要介紹了JavaScript中switch判斷容易犯錯的一個細節(jié),簡單說就是字符串和數(shù)字的差別,看完本文會有一個清晰的認知,需要的朋友可以參考下2014-08-08ASP.NET實現(xiàn)Repeater控件的數(shù)據(jù)綁定
這篇文章介紹了ASP.NET實現(xiàn)Repeater控件數(shù)據(jù)綁定的方法,文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-07-07javascript 基礎(chǔ)篇3 類,回調(diào)函數(shù),內(nèi)置對象,事件處理
在js中自定義一個類跟java c++就有比較大的區(qū)別了,因為這個格式用公式表達起來比較困難,大體說一下吧2012-03-03