如何将平滑滚动条与其他插件对齐？

Question

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

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

问题是AOS 和jarallax 正在监听来自窗口对象的调整大小和滚动事件。并且平滑滚动条不会触发此事件，因为它的性质。 （高度窗口是 100% - 所以它可以滚动，但内部 div 的高度比 body 高。），所以 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');
});