讓DIV的滾動條自動滾動到最底部 4種方法

2022-04-15 23:16:23 字數 870 閱讀 3236

聊天程式是基於ajax設計的,沒有用框架,訊息容器是乙個div,所以問題就在於如何控制div的滾動條。

網上有資料介紹說通過設定scrolltop屬性來控制滾動條位置,具體可參見:

但同樣的**拿到我這裡卻完全失效,又仔細查了下資料說xhtml標準下scrolltop的值恒為0,解決辦法是使用document.documentelement.scrolltop代替document.body.scrolltop,講了半天所解決的是整個頁面的滾動條。這個方法我是用不了了,因為不是框架結構,所以不可能用body的滾動條控制瀏覽資訊。

網上關於這個問題的資料很少,連csdn上也說沒有辦法。

不死心,後來查dhtml手冊得知div有個doscroll方法可以用來模擬滾動條點選,但很令人失望,到了我這裡又是完全失效,難道又不被xhtml支援?

最後終於被我找到三種控制div內容滾動的方法:

方法一:

使用錨標記要滾動到的位置,然後通過click方法模擬點選滾動到錨所在位置

方法二:

利用div的scrollintoview方法,將最底端滾動到可視位置 [list=1]

方法三:

">

">

「插入一行」按鈕,插入最新資訊,當出現滾動條時,滾動條將自動保持在底部。

方法4:

這個比較複雜也比較靈活一點,就是利用div+js+構造乙個滾動條,當然了是怎麼好看怎麼用了。

主要部分就是外層的div加個overflow:hidden屬性,通過js**調整內層div的margin-left和margin-top來控制內容的滾動,由於上面兩種方法已經可以滿足需求,所以這種方法沒具體做深究,有興趣的可以試一下

分享到:

qq空間

人人網開心網

更多

讓 JScrollbar 滾動條自動滾動到底端

由於專案需要,自定義了乙個面板,jscrollpane下填充乙個jtable 的單元格採用自定義的渲染器 tabletextareacellrenderer 用jtextarea代替jlabel,後者其實就是預設的 defaultcellrenderer 按照要求,面板填完內容之後,滾動條自動滾動到...

PyQt 滾動條自動到最底部

之前做了乙個小程式,介面文字顯示需要動態重新整理並且滾動到最底部顯示最新資訊,做了乙個記錄滾動條到底部的demo,如果需要實時重新整理需要用到timerevent.import sys class demo qwidget def init self super demo,self init sel...

讓DIV顯示滾動條

今天在公司接到一項任務,主要是做乙個導航選單,選單分橫縱結構,橫向主要顯示 中所分大類,縱向主要顯示大類中的小類,而縱向選單是用treeview來實現的,當treeview中有很多的項時,可能會使頁面走形,而公司要求是頁面大小要固定的情況下實現這些功能。這種結構在很多情況下都是通過框架來實現的,我想...