如何使用javascript或jquery在有长菜单时自动将滚动条添加到侧栏菜单

// 获取侧栏菜单元素
var sidebar = document.getElementById('sidebar');

// 获取侧栏菜单的高度
var sidebarHeight = sidebar.offsetHeight;

// 获取侧栏菜单内部内容的高度
var contentHeight = sidebar.scrollHeight;

// 判断内容高度是否超过菜单高度
if (contentHeight > sidebarHeight) {
  // 创建滚动条元素
  var scrollbar = document.createElement('div');
  scrollbar.className = 'scrollbar';

  // 设置滚动条的高度
  var scrollbarHeight = (sidebarHeight / contentHeight) * sidebarHeight;
  scrollbar.style.height = scrollbarHeight + 'px';

  // 将滚动条添加到菜单中
  sidebar.appendChild(scrollbar);

  // 监听滚动条的滚动事件
  scrollbar.addEventListener('scroll', function() {
    // 计算菜单内容的滚动距离
    var scrollTop = (sidebar.scrollTop / (contentHeight - sidebarHeight)) * (contentHeight - sidebarHeight);

    // 设置菜单内容的滚动距离
    sidebar.scrollTop = scrollTop;
  });
}

<div id="sidebar">
  <!-- 菜单内容 -->
</div>