Simplebar滚动条插件-滚动到顶部/重置函数中的位置

Question

当一个函数被触发时，我需要能够在我的ui路由的单页面站点中滚动回到页面的顶部，但是我已经使用了simplebar scrollbar插件作为自定义滚动条，所以不能使用窗口scrolltop方法将用户带回页面的顶部。

我不能使用任何窗口/文档滚动方法，因为使用simplebar的容器是固定的100vh容器，因此窗口总是滚动到顶部。

我尝试使用下面的jquery方法将滚动条重置回顶部，但无法使其正常工作，控制台中也没有错误消息。

angular.element('#mainContent').simplebar('getScrollElement').scrollTop(0);

我也在普通的js中尝试过，它在控制台中返回'is not a function‘：

var mainContent = new SimpleBar(document.getElementById('mainContent'));

mainContent.SimpleBar.getScrollElement().scrollTop = 0；

Answer 1

我已经找到了解决方案。您可以访问scroll元素：

const el = new SimpleBar(document.getElementById('layout'));
el.scrollContentEl.scrollTop = 0;

Answer 2

您可以尝试使用.animate进行以下操作：

$("body").animate({ scrollTop: 0 }, "slow");

Answer 3

var el = new SimpleBar(document.getElementById('myElement'));
el.getScrollElement().scrollTop = 0;