如何制作自定义滚动条以在页面上显示突出显示的项目

Question

我是一名学生（入门级编码），正在为原型进行编码，我试图制作一个自定义滚动条，该滚动条在页面上显示选定项目的突出显示标记，类似于VS。我想知道是否有人可以帮助我，或者是否可以指出显示该操作示例的资源？

我们有html，一些CSS和javascript编码。我是一个初学者，所以我尝试在网站上搜索示例，但没有找到。

我们用于选择项目的JavaScript：

 $('.highlight').click(function () {
    // Get the second class name of the parent li
    var highlightClass = $(this).parent().parent().attr('class').split(' ')[
    var highlightItem = '.' + highlightClass + ' > .menuDiv'
    $(highlightItem).toggleClass('highlight-show')
  })

用户应该能够从一长串其他对象中选择一个突出显示该对象的图标，然后向下滚动页面以查看具有突出显示的相同ID的所有对象。页面上有多个具有相同ID的对象，因此当用户选择其中一个时，它们都将突出显示。

最终结果是，那些突出显示的对象将在滚动条上显示为“勾号”，因此用户可以轻松地在页面上找到它们。将使用此功能，以便用户可以从一长串项目中轻松找到某个项目。

谢谢。