Javascript 使用Smooth Scrollbar插件发布以触发滚动事件

我正在使用插件平滑滚动条（）

我的固定标题上有一个动画（在平滑滚动条容器外部），当用户开始滚动平滑滚动条容器时会触发。正如文档（）中提到的，滚动条不可能触发滚动事件。因此，我们必须使用：

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

这是设置固定标题动画的代码：

 $(window).scroll(function() {
   if ($(this).scrollTop() > 50){
     $('.site_header').removeClass('is--large').addClass('is--small');
   }
   else{
     $('.site_header').removeClass('is--small').addClass('is--large');
   }
 });

我不知道如何将它与Smooth Scrollbar插件集成。我尝试了各种各样的解决方案来使用addListener，但我无法让它工作

---

任何帮助都将不胜感激

我知道已经有一段时间了，但是：

constscroller=document.querySelector（'.scrollable'）；
const bodyScrollBar=Scrollbar.init（滚动条，{damping:0.1，delegateTo:window，alwaysShowTracks:false}）；
bodyScrollBar.addListener（（）=>{
如果（bodyScrollBar.scrollTop>50）{
$（'.site_header'）.removeClass（'is--large'）.addClass（'is--small'）；
}
否则{
$（'.site_header'）.removeClass（'is--small'）.addClass（'is--large'）；
}
}
)