在RubyonRails中使用Javascript来调整模式对话框中的滚动条

Using Javascript to adjust a scroll bar in a modal dialog in Ruby-on-Rails

本文关键字：模式对话框调整滚动条 Javascript RubyonRails 更新时间：2023-09-26

我有一个RubyonRails web应用程序，它有一个简单的弹出模式对话框。

当用户单击模式对话框中的按钮时，我想使用JavaScript函数来修改模式对话框中其他组件的外观。

我已经能够用几个组件做到这一点；我可以隐藏和/或启用JavaScript函数中的各种组件。

不过，有一件事我没能做，那就是调整模式对话框的滚动条。具体来说，当用户单击按钮时，我需要将滚动条重新设置到模式对话框的最顶部。

我在网上搜索过，并不是说我没能找到这个问题的一些可能的解决方案；只是到目前为止，它们都没有起作用。我试过使用scrollTo、scroll、scrollTop、document.body.scrollTop。到目前为止，这些都不起作用。

有什么建议吗？

提前感谢，Tim

我知道这是一篇旧帖子，但如果你这样做，它应该会修复它。

$(selector_for_button).click(function({
    $(selector_for_container_with_scroll_bar)[0].scrollTop = 0
})

其中：

selector_for_button=正在点击的按钮

selector_for_container_with_scroll_bar=滚动条所属的div。