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