问题如何使用jquery滚动到模式中的元素？

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

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

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

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

谢谢

4843

2018-04-18 01:13

起源

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

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

如果要滚动模态窗口，则必须在该元素上调用animate方法。

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

哪里 #modal 是包含您创建的元素的元素。

编辑：

我看到你试图在模态上调用动画。这里当您单击按钮时，它是一个在模态中滚动元素的小提琴。

同样在代码中你有一个结束括号 #Element 这导致脚本错误： ...scrollTop: $('#Element'])...

2018-04-18 01:50

谢谢（你的）信息。我搞砸了我发布的代码的剪切和粘贴。我纠正了我还使用了#Modal Header标签，而不是模态体标签。我昨晚一定很累。 - fat fantasma

正确答案。应该被接受。谢了，兄弟！ :) - Leniel Maccaferri

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

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

如果要滚动模态窗口，则必须在该元素上调用animate方法。

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

哪里 #modal 是包含您创建的元素的元素。

编辑：

我看到你试图在模态上调用动画。这里当您单击按钮时，它是一个在模态中滚动元素的小提琴。

同样在代码中你有一个结束括号 #Element 这导致脚本错误： ...scrollTop: $('#Element'])...

2018-04-18 01:50

谢谢（你的）信息。我搞砸了我发布的代码的剪切和粘贴。我纠正了我还使用了#Modal Header标签，而不是模态体标签。我昨晚一定很累。 - fat fantasma

正确答案。应该被接受。谢了，兄弟！ :) - Leniel Maccaferri

如果要查看隐藏的内容，可以向DIV添加CSS样式以处理溢出。一旦内容超出DIV的视图区域，这将自动为您创建垂直滚动条。

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

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

希望有所帮助！

2018-04-18 02:29

问题 如何使用jquery滚动到模式中的元素？