javascript - 如何将 smooth-scrollbar 与其他插件对齐？

Question

我使用 AOS 制作动画，使用 jarallax 制作视差。我在我的网站上同时使用它们。

现在，我想添加漂亮的滚动条，例如 smooth-scrollbar .

问题是AOS和 jarallax正在监听来自窗口对象的调整大小和滚动事件。 smooth-scrollbar 不会触发此事件，因为它的性质。 (高度窗口是 100% - 所以它可以滚动，但内部 div 的高度高于主体。)，所以 AOS 和 jarallax 都不起作用。

有什么方法可以让它一起工作吗？

Answer 1

从文档中您可以添加事件监听器来监听他们的自定义滚动事件。

scrollbar.addListener((status) => {
    ...
});

( https://github.com/idiotWu/smooth-scrollbar/blob/a35ec6fcef35d4363b4be7c08e2ce9db022953fa/docs/api.md#scrollbaraddlistener )

因此您可以使用它来触发像这样的普通滚动事件。

scrollbar.addListener((status) => {
    $(window).trigger('scroll');
});