Javascript 如何在我的页面中为左侧菜单添加独特的滚动条

我试图在左侧的可搜索菜单中添加一个滚动条，它是固定的，因为它只能滚动自己的项目

此滚动必须特定于此左侧菜单，且不得滚动实际主页内容：

---

请在页面左侧菜单中找到一个标记。

在您提供的标记上，您可以设置特定的

高度

并添加

溢出：自动左侧的侧栏上的code>

查看下面的修改并运行代码段。

.left {
  flex: 35%;
  padding: 15px 0;
  height:400px;
  overflow:auto;
}


正文{
字体系列：Arial、Helvetica、无衬线字体；
}
* {
框大小：边框框；
}
/*使用Flexbox创建列布局*/
.行{
显示器：flex；
}
/*左列（菜单）*/
.左{
弹性：35%；
填充：15px0；
高度：400px；
溢出：自动；
}
.左h2{
左侧填充：8px；
}
/*右栏（页面内容）*/
.对{
弹性：65%；
填充：15px；
}
/*设置搜索框的样式*/
#我的研究{
宽度：100%；
字号：18px；
填充：11px；
边框：1px实心#ddd；
}
/*在左列中设置导航菜单的样式*/
#我的菜单{
列表样式类型：无；
填充：0；
保证金：0；
}
#我的菜单李a{
填充：12px；
文字装饰：无；
颜色：黑色；
显示：块
}
#我的菜单李a：悬停{
背景色：#eee；
}

搜索菜单
开始在搜索栏内键入特定类别，以“过滤”搜索选项

菜单





























页面内容
开始在搜索栏内键入特定类别，以“过滤”搜索选项

一些文本..一些文本..一些文本..一些文本..一些文本..一些文本..一些文本..一些文本..一些文本..一些文本

一些其他文本..一些文本..一些文本..一些文本..一些文本..一些文本..一些文本..一些文本..一些文本..一些文本

一些文字

函数myFunction（）{
var输入、滤波器、ul、li、a、i；
输入=document.getElementById（“mySearch”）；
filter=input.value.toUpperCase（）；
ul=document.getElementById（“myMenu”）；
li=ul.getElementsByTagName（“li”）；
对于（i=0；i-1）{
李[i].style.display=“”；
}否则{
li[i].style.display=“无”；
}
}
}
这是W3school提供的，链接如下：