如何使用jQuery滾動到模態內的元素？

我有一個打開的模式，我逐行插入元素。每一行都有它自己的ID標籤。目前，當列表比模態窗口更大時，文本會隱藏在模態窗口的底部。您可以手動使用滾動條，但我希望文本在打印時在模式窗口中向上滾動。如何使用jQuery滾動到模態內的元素？

我玩過下面的代碼，但只是滾動模式後面的網頁。我也嘗試用模態元素替換'html，body'無濟於事。

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

我確定我閉上了。有什麼建議麼？

感謝

它看起來就像你正在呼籲html和身體動畫的方法。

$('html, body').animate(...);

如果要滾動模態窗口，則必須改爲調用該元素上的animate方法。

$('#modal').animate(...);

其中#modal是包含您創建的元素的元素。

編輯：

我看到你試圖在模態上調用動畫。 Here是在單擊按鈕時滾動模式中的元素的小提琴。

也是其中導致腳本錯誤，您#Element後有一個右括號代碼：...scrollTop: $('#Element'])...

2013-04-18 01:50:34

感謝您的信息。我搞砸了我貼的代碼的剪切和粘貼。我糾正了它。我也在使用#Modal標題標籤，而不是模態標籤。昨晚我一定很累。 –

正確答案。應該被接受。謝了，兄弟！ :) –

如果你想看到正在隱藏您可以添加CSS樣式的DIV來處理內容溢出。一旦內容超過DIV的視圖區域，這將自動爲您創建一個垂直滾動條。

$("#someDivID").css("overflow","auto");

所有的屬性都可以在下面的URL中引用。

希望幫助！

2013-04-18 02:29:08

回答