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不工作（扩展名为铬）

回答

相关问题