iframe 上下滾動條如何默認(rèn)在下方實(shí)現(xiàn)原理
更新時間：2012年12月10日 09:24:20 作者：
iframe 上下滾動條如何默認(rèn)在下方，做的是聊天工具，數(shù)據(jù)多了，每次刷新出現(xiàn)的上下滾動默認(rèn)在上方，還需下拉到下面才能看到聊天記錄，本文將介紹，如和實(shí)現(xiàn)在下方
問題：iframe 上下滾動條如何默認(rèn)在下方，做的是聊天工具，數(shù)據(jù)多了，每次刷新出現(xiàn)的上下滾動默認(rè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)容了，自動到最下方，應(yīng)該如何來解決呢？
那就應(yīng)該判斷當(dāng)前生成的內(nèi)容是什么位置，即它的top或者margin-top是多少，再設(shè)置滾動條的高度，這個就可以了，每次生成就調(diào)用一下滾動條的高度變化，每次得到的新數(shù)據(jù)后，再調(diào)用 window.scrollTo(0,9999999)這個方法，就可以解決這個問題了！
答案：直接在iframe里寫window.scrollTo(0,9999999)或者設(shè)置div等容器的scrollTop
復(fù)制代碼 代碼如下:
document.getElementById(“x”).scrollTop = document.getElementById(“x”).scrollHeight
window.scrollTo(0,9999999)
這個是解決了在下方，但是有新信息后，滾動條不會自動到下方，我是希望像qq聊天窗口一樣，有新內(nèi)容了，自動到最下方，應(yīng)該如何來解決呢？
那就應(yīng)該判斷當(dāng)前生成的內(nèi)容是什么位置，即它的top或者margin-top是多少，再設(shè)置滾動條的高度，這個就可以了，每次生成就調(diào)用一下滾動條的高度變化，每次得到的新數(shù)據(jù)后，再調(diào)用 window.scrollTo(0,9999999)這個方法，就可以解決這個問題了！
相關(guān)文章
這篇文章主要介紹了JavaScript的面向?qū)ο缶幊袒A(chǔ),是JavaScript入門學(xué)習(xí)中的重要知識概念,需要的朋友可以參考下2015-08-08
ECMA-262中描述了一組具有特定用途的關(guān)鍵字，關(guān)鍵字屬于語言保留，不可以用于標(biāo)示符，學(xué)習(xí)js的朋友可以看看2014-10-10
這篇文章主要介紹了JavaScript變量的作用域的基本知識,是JavaScript入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下2015-08-08
js數(shù)組方法擴(kuò)展實(shí)現(xiàn)數(shù)組統(tǒng)計函數(shù)
這篇文章主要介紹了js數(shù)組方法擴(kuò)展,實(shí)現(xiàn)數(shù)組統(tǒng)計函數(shù),需要的朋友可以參考下2014-04-04
字符串的操作在js中非常頻繁，也非常重要。以往看完書之后都能記得非常清楚，但稍微隔一段時間不用，便會忘得差不多，記性不好是硬傷啊。。。今天就對字符串的一些常用操作做個整理，一者加深印象，二者方便今后溫習(xí)查閱。2016-07-07
下面小編就為大家分享一段js hover 定時器的簡單實(shí)例。需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
JavaScript中switch判斷容易犯錯的一個細(xì)節(jié)
這篇文章主要介紹了JavaScript中switch判斷容易犯錯的一個細(xì)節(jié),簡單說就是字符串和數(shù)字的差別,看完本文會有一個清晰的認(rèn)知,需要的朋友可以參考下2014-08-08
ASP.NET實(shí)現(xiàn)Repeater控件的數(shù)據(jù)綁定
這篇文章介紹了ASP.NET實(shí)現(xiàn)Repeater控件數(shù)據(jù)綁定的方法，文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-07-07
在UglifyJS入門中主要記錄了UglifyJS的安裝，配置。篇末在命令行中使用了一個簡單命令來壓縮一個JS文件。這篇以編程的方式去壓縮JS文件。即寫一個build.js文件，使用node命令執(zhí)行該文件2012-03-03
javascript 基礎(chǔ)篇3 類，回調(diào)函數(shù)，內(nèi)置對象，事件處理
在js中自定義一個類跟java c++就有比較大的區(qū)別了，因?yàn)檫@個格式用公式表達(dá)起來比較困難，大體說一下吧2012-03-03