javascript - 如何使用 jquery 滚动到模式中的元素？

Question

我有一个打开的模式，我逐行插入元素。每行都有自己的 ID 标签。当前，随着列表的增长大于模态窗口，文本只是隐藏在模态窗口的底部。您可以手动使用滚动条，但我希望文本在打印时在模态窗口中向上滚动。

我玩过以下代码，但它只是在模式后面滚动网页。我也试过用模态元素替换“html, body”，但无济于事。

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

我确定我关闭了。有什么建议吗？

谢谢

Answer 1

看起来你正在调用 html 和 body 上的 animate 方法。

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

如果你想滚动模态窗口，你必须调用该元素的动画方法。

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

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

编辑:

我看到您试图在模态上调用动画。 Here是一个 fiddle ，当您单击按钮时，它会在模式中滚动元素。

同样在代码中，您在 #Element 之后有一个右括号，这会导致脚本出错:...scrollTop: $('#Element'])...