Twitter bootstrap 仅在右列中水平滚动

我找到了一个代码示例，可以满足我的要求。我需要一个典型引导布局的左栏保持固定，并且只允许垂直滚动，而右栏包含无限数量的卡片，所有卡片都水平滚动。问题是，水平滚动想要占据进入屏幕，滚动到我左边列表的顶部

如何使其仅在右侧列中滚动

代码笔在这里：

列表
卡片
卡片
卡片
卡片
卡片
卡片
卡片
卡片
卡片
卡片
卡片
卡片
卡片

隐藏主体上的溢出，并在右侧列上启用它（

overflow-x:auto

）

body {
  overflow-x:hidden;
}

#right {
  background-color: white;
  padding-left:25px;
  overflow-x:auto;
}

body {
  overflow-x:hidden;
}

#right {
  background-color: white;
  padding-left:25px;
  overflow-x:auto;
}