jQuery的動畫/ scrolltop不工作（擴展名爲鉻）

我想實現一個基本的短信應用程序，並希望可滾動的div保持滾動到底部，但它始終保持在頂部。我有一個叫做消息的div，在那個div裏我有另一個叫做歷史的div。我使用jQuery動態地將h1標籤附加到具有歷史id的div上。 for循環運行後它的過程中，所有的內容附加到歷史的div，我有這樣一行：jQuery的動畫/ scrolltop不工作（擴展名爲鉻）

$('#message #history').animate({scrollTop:$('#history').prop("scrollHeight")}, 500);

然而，沒有發生動畫和滾動條停留在頂部。

我有這樣的CSS：

#message{ 
overflow: scroll; 
height:400px; 
}

來源

2017-03-02 Kennon Young

請編輯問題爲主題：包括一個複製問題的[mcve]。對於Chrome擴展或Firefox WebExtensions，這通常意味着您需要包含* manifest.json *和一些背景，內容和/或彈出腳本/ HTML。尋求調試幫助的問題（「爲什麼代碼不按我想要的方式工作？」）必須包括：（1）期望的行爲，（2）特定問題或錯誤，以及（3）重現它所需的最短代碼*在問題本身*。另請參閱：[我可以在這裏詢問什麼主題？]（http://stackoverflow.com/help/on-topic）和[問]。 – Makyen

沒有更多信息，看起來這個問題可能會在Chrome擴展程序環境之外被複制。如果是這樣，你應該考慮在你的問題中使用[snippet]（https://blog.stackoverflow.com/2014/09/introducing-runnable-javascript-css-and-html-code-snippets/），以便讀者可以立即看看問題是什麼。 – Makyen

您是否嘗試過使用$(document).scrollTop(90);

你可以在這裏指定的高度，這將滾動到你指定的水平。

來源

2017-03-02 18:27:57 Ronald

我只是試過這個代碼，但div仍然保持固定在頂部。 –

你可以添加位置：絕對;到你的CSS？然後你試過了高度：'自動'屬性的CSS？ – Ronald

當我添加位置：絕對，我看不到任何我的消息了。我添加了高度自動，這顯然延長了我的箱子超過400px，但仍然不移動滾動條。 –

jQuery的動畫/ scrolltop不工作（擴展名爲鉻）

回答

相關問題