如何使用CSS网格设置粘性列？

Question

我正在尝试创建两列布局，其中左列固定。

在此过程中，这是我第一次使用CSS网格

.container{
  position: fixed;
  top: 0;
  display: grid;
  grid-template-columns: 38.196601125% auto; /* 61.803398875%*/
}
.main-content{
  padding: 0 100px;
  overflow-y:scroll; 
}

HTML是

<div className="container">
  <Sidebar /> // just a div
  <div className='main-content'>
  </div>
</div>

折叠后的内容被隐藏，没有滚动