如何将几个函数应用于列表中的多个滚动条？(代码改进)

<ul id="scrollable-list">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  ...
</ul>

$(document).ready(function() {
  $('#scrollable-list').each(function() {
    $(this).scrollbar(); // 使用滚动条库的初始化函数
  });
});

function handleScroll() {
  // 处理滚动事件
}

function updateData() {
  // 更新数据
}

// 其他自定义函数...

$(document).ready(function() {
  $('#scrollable-list').each(function() {
    $(this).scrollbar({
      onScroll: handleScroll, // 滚动事件处理函数
      onUpdate: updateData, // 数据更新函数
      // 其他回调函数...
    });
  });
});

// 调用函数示例
handleScroll();
updateData();

// 滚动条相关事件示例
$('#scrollable-list').on('scroll', handleScroll);