滚动到手风琴顶部

Question

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

一个在页面中显而易见（它们没有加载ajax或其他东西。）

另一个是手风琴里面的。

我希望这些滚动始终位于顶部。他们有相同的班级名称。

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

$('.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模板。

{{1}}