滚动到手风琴顶部

Question

在我的页面中，我有2个卷轴。

页面中明显有一个（它们未加载ajax或其他内容。）

另一个在手风琴内。

我希望这些滚动条始终位于顶部。 它们具有相同的类名。

使用摘录，我可以实现我的第一个目标，以明显的滚动方式滚动到顶部

$('.m-messenger__messages').scrollTop($('.m-messenger__messages')[0].scrollHeight);

以及与此

var messageBody = document.querySelector('.m-messenger__messages');
messageBody.scrollTop = messageBody.scrollHeight - messageBody.clientHeight;

但是，手风琴菜单内的滚动不受此更改的影响。

如果我打开手风琴并运行此代码段，则会滚动到顶部。 因此，我不仅需要找到一种方法来运行此代码段，不仅可以使它们正常运行，而且还可以运行页面中的所有滚动，或者当我单击手风琴时，需要执行此javascript代码。

我想用第一个解决方案解决这个问题。

我尝试过，但也无法成功。 如果我将alert（）而不是scrolltop放在此函数中，则会收到警报框。

$(".m-accordion__item").click(function() {
    $('.m-messenger__messages').scrollTop($('.m-messenger__messages')[0].scrollHeight);
});

我怎样才能实现这个目标？

Answer 1

这解决了我的问题。 顺便说一句，这是bootstrap4。 因此它可以应用于任何bootstrap 4模板。

$('.collapse').on('shown.bs.collapse', function(e) {

$('.m-messenger__messages').scrollTop($('.m-messenger__messages')[0].scrollHeight);
});