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)文章
這篇文章主要介紹了JavaScript的面向?qū)ο缶幊袒A(chǔ),是JavaScript入門(mén)學(xué)習(xí)中的重要知識(shí)概念,需要的朋友可以參考下2015-08-08
ECMA-262中描述了一組具有特定用途的關(guān)鍵字，關(guān)鍵字屬于語(yǔ)言保留，不可以用于標(biāo)示符，學(xué)習(xí)js的朋友可以看看2014-10-10
這篇文章主要介紹了JavaScript變量的作用域的基本知識(shí),是JavaScript入門(mén)學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-08-08
js數(shù)組方法擴(kuò)展實(shí)現(xiàn)數(shù)組統(tǒng)計(jì)函數(shù)
這篇文章主要介紹了js數(shù)組方法擴(kuò)展,實(shí)現(xiàn)數(shù)組統(tǒng)計(jì)函數(shù),需要的朋友可以參考下2014-04-04
字符串的操作在js中非常頻繁，也非常重要。以往看完書(shū)之后都能記得非常清楚，但稍微隔一段時(shí)間不用，便會(huì)忘得差不多，記性不好是硬傷啊。。。今天就對(duì)字符串的一些常用操作做個(gè)整理，一者加深印象，二者方便今后溫習(xí)查閱。2016-07-07
下面小編就為大家分享一段js hover 定時(shí)器的簡(jiǎn)單實(shí)例。需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-11-11
JavaScript中switch判斷容易犯錯(cuò)的一個(gè)細(xì)節(jié)
這篇文章主要介紹了JavaScript中switch判斷容易犯錯(cuò)的一個(gè)細(xì)節(jié),簡(jiǎn)單說(shuō)就是字符串和數(shù)字的差別,看完本文會(huì)有一個(gè)清晰的認(rèn)知,需要的朋友可以參考下2014-08-08
ASP.NET實(shí)現(xiàn)Repeater控件的數(shù)據(jù)綁定
這篇文章介紹了ASP.NET實(shí)現(xiàn)Repeater控件數(shù)據(jù)綁定的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-07-07
在UglifyJS入門(mén)中主要記錄了UglifyJS的安裝，配置。篇末在命令行中使用了一個(gè)簡(jiǎn)單命令來(lái)壓縮一個(gè)JS文件。這篇以編程的方式去壓縮JS文件。即寫(xiě)一個(gè)build.js文件，使用node命令執(zhí)行該文件2012-03-03
javascript 基礎(chǔ)篇3 類(lèi)，回調(diào)函數(shù)，內(nèi)置對(duì)象，事件處理
在js中自定義一個(gè)類(lèi)跟java c++就有比較大的區(qū)別了，因?yàn)檫@個(gè)格式用公式表達(dá)起來(lái)比較困難，大體說(shuō)一下吧2012-03-03