2014-12-31 30 views
-3

我有一個簡單的使用jQuery的scrollTo插件。 在一段時間內獲取行的html表。 表格窗口包含13行,但在一個會話中表格可能增長到40或50行。我想要發生的是,一旦第14行和後續行被添加,它總是會滾動到表中最新的(最後一行)行。當插入第14行時,該表會得到一個垂直滾動條。jquery scrollTo不適合我

我必須缺少一些東西,因爲它不工作。 下面的代碼:

<script src="jquery.scrollTo.min.js" type="text/javascript"></script> 

,並在此被稱爲插入新行的函數的末尾:

$(".LOGROW").scrollTo('max', 1000, {axis:'y'}); 

表中的每個TR有LOGROW類。 任何幫助表示讚賞。

+1

_」表中的每個tr都有LOGROW類_ _ - 那麼你應該選擇那些行的_last_,而不是所有的行......? – CBroe

+0

試過.LOGROW:最後 - 仍然無法工作。 – K4elo

回答

0

就我個人而言,我使用jQuery的animate函數在需要時滾動到某個元素,以便您甚至不需要插件。它看起來像這樣:

$("html, body").animate({scrollTop: $("#element").offset().top}, 500); 

但是,我看到你可能只是想滾動它的div內的表。因此,要確保你的表是包裹着一個div,並給它的CSS樣式overflow: auto;或許overflow: scroll;

假設你的DIV有「myDiv」的ID,你可以嘗試:

$("#myDiv").animate({scrollTop: $(".LOGROW:last").offset().top}, 500); 

最後,如果所有其他都失敗了,請嘗試給你的表和/或div包裝器樣式display: block;和/或position: relative;。或者,您可能必須使用該偏移值一點+/-才能將其精確到達要滾動的位置。

我希望這有助於!

編輯:我只是測試它,它適用於我,只要div包裝具有高度設置。 「

+1

Jon_o - 你搖滾!是的,我碰巧在桌子周圍已經有了一個div,並且它工作正常。謝謝! – K4elo