Javascript 将滚动条添加到div，而不是滚动整个页面

我有一个页面，左右两侧都有一个面板。右侧代表一个项目列表，可能是该列表大于页面高度。如果发生这种情况，我不想滚动整个页面，我只想滚动这个列表容器。我想，

overflow-y:scroll

会起作用，所以我创建了这个

$（文档）.ready（（）=>{
for（设i=0；i<100；i++）{
const newDiv=（`Log Item`）；
$（“#logsContainer”）.append（newDiv）；
}
});
#第页{
显示：网格；
网格模板列：50%50%；
}
#日志容器{
溢出y：滚动；
}

命令
日志
尝试以下代码，使高度固定并显示滚动条：

.logsContainer {
    height: 200px;
    overflow-y: scroll;
    overflow-x:hidden;
}

一般来说，混合使用overflow-x和overflow-y不是一个好主意。浏览器将不支持拆分设置

如果必须剪掉另一个滚动条，请使用外部容器并溢出：隐藏。
容器需要设置高度，否则它将随着内容展开。是否可以设置动态高度，如“拉伸到底部”
.logsContainer {overflow:auto;height:200px;}