DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> iframe 上下滾動條如何默認在下方實現原理
iframe 上下滾動條如何默認在下方實現原理
編輯:JavaScript基礎知識     
問題:iframe 上下滾動條如何默認在下方,做的是聊天工具,數據多了,每次刷新出現的上下滾動默認在上方,還需下拉到下面才能看到聊天記錄,有辦法讓它出現在下方嗎?
答案:直接在iframe裡寫window.scrollTo(0,9999999)或者設置div等容器的scrollTop
復制代碼 代碼如下:
document.getElementById(“x”).scrollTop = document.getElementById(“x”).scrollHeight
window.scrollTo(0,9999999)

這個是解決了在下方,但是有新信息後,滾動條不會自動到下方,我是希望像qq聊天窗口一樣,有新內容了,自動到最下方,應該如何來解決呢?

那就應該判斷當前生成的內容是什麼位置,即它的top或者margin-top是多少,再設置滾動條的高度,這個就可以了,每次生成就調用一下滾動條的高度變化,每次得到的新數據後,再調用 window.scrollTo(0,9999999)這個方法,就可以解決這個問題了!
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved