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)或者設置div等容器的scrollTop

復制代碼代碼如下:

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

這個是解決了在下方，但是有新信息后，滾動條不會自動到下方，我是希望像qq聊天窗口一樣，有新內(nèi)容了，自動到最下方，應該如何來解決呢？

那就應該判斷當前生成的內(nèi)容是什么位置，即它的top或者margin-top是多少，再設置滾動條的高度，這個就可以了，每次生成就調(diào)用一下滾動條的高度變化，每次得到的新數(shù)據(jù)后，再調(diào)用 window.scrollTo(0,9999999)這個方法，就可以解決這個問題了！

您可能感興趣的文章:

Javascript之BOM(window對象)詳解
下面小編就為大家?guī)硪黄狫avascript之BOM(window對象)詳解。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-05-05
深入解析JavaScript編程中的this關鍵字使用
這篇文章主要介紹了深入解析JavaScript編程中的this關鍵字使用,是JS入門學習中的基礎知識,需要的朋友可以參考下
2015-11-11
JavaScript中的運算符種類及其規(guī)則介紹
JavaScript中的運算符有很多，主要分為算術運算符，等同全同運算符，比較運算符，字符串運算符，邏輯運算符，賦值運算符等，它們都有一個自己的運算規(guī)則，在本文為大家介紹下
2013-09-09
javascript函數(shù)重載解決方案分享
本文主要介紹了javascript函數(shù)重載解決方案,利用JavaScript中的特殊對象arguments來模擬函數(shù)重載。用它來判斷傳入?yún)?shù)的個數(shù)或類型以區(qū)分重載
2014-02-02
21個JavaScript事件(Events)屬性匯總
本文介紹了學習JavaScript事件的21個屬性，算是對自己近期學習javascript的一個小小的總結(jié)，這里推薦給大家。
2014-12-12
關于session和cookie的簡單理解
下面小編就為大家?guī)硪黄P于session和cookie的簡單理解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-06-06
Ajax responseText解析json數(shù)據(jù)案例詳解
這篇文章主要介紹了Ajax responseText解析json數(shù)據(jù)案例詳解,本篇文章通過簡要的案例,講解了該項技術的了解與使用,以下就是詳細內(nèi)容,需要的朋友可以參考下
2021-08-08
JavaScript基礎心法數(shù)據(jù)類型
一個很基礎的知識點，這篇主要是介紹JavaScript中基本數(shù)據(jù)類型和引用數(shù)據(jù)類型是如何存儲的,需要的朋友可以參考下
2018-03-03
javascript的事件描述
javascript的事件描述...
2006-09-09
Javascript 按位與運算符 (&)使用介紹
Javascript 按位與運算符 (&)，用于對兩個 32 位表達式執(zhí)行按位“與”運算，而一般表達式里面都是十進制整數(shù)，此時需要先轉(zhuǎn)換成對應的二進制，然后向前加0，補足32位
2014-02-02