Html CSS滚动固定边栏

在我的设计中，我有一个固定的标题和侧边栏，在能够滚动的内容区域，我有一个3列布局

现在我想在内容区域滚动2个边栏，当有足够的内容，但是当它在底部时，边框应该是固定的，只有中间的内容应该滚动。p> 这里是为了更好地理解高质量概念

.

没有JS这可能吗？如果是，如何实现

谢谢你的帮助：）

正文{
背景：#e1eae7；
}
.侧边栏{
z指数：100；
位置：固定；
身高：100%；
宽度：150px；
背景：rgba（47160178,1.0）；
背景重复：无重复；
背景位置：底部；
填充顶部：40px；
}
.标题{
宽度：100%；
背景：#cf5c41；
背景重复：重复；
背景尺寸：38px 133px；
高度：40px；
背景位置：0px 39px；
盒影：0px 1px 3px；
位置：固定；
z指数：1000；
}
.内容{
位置：固定；
top:41px；
底部：0px；
左：150px；
右：0px；
溢出y：滚动；
垫底：10px；
}
.一{
宽度：22%；
最小宽度：150px；
最小高度：100px；
浮动：左；
填充顶部：10px；
背景：红色；
}
.二{
宽度：56%；
最小宽度：400px；
最小高度：100px；
浮动：左；
填充顶部：10px；
背景：绿色；
}
.三{
宽度：22%；
最小宽度：150px；
最小高度：100px；
浮动：左；
填充顶部：10px；
背景：橙色；
}
.清楚{
明确：两者皆有；
}

---

如果从三个列中删除填充，为每个列添加一个子div作为填充，给它们100%的高度，一个溢出x的滚动，并给内容一个固定位置，那么所有三列的高度都将为100%并独立滚动

    body {
    background: #e1eae7;
}

.sidebar {
    z-index: 100;
    position: fixed;
    height: 100%;
    width: 150px;
    background: rgba(47,160,178,1.0);
    background-repeat: no-repeat;
    background-position: bottom;
    padding-top: 40px;
}

.header {
    width: 100%;
    top: 0px;
    left 0px;
    position: fixed;
    background: #cf5c41;
    background-repeat: repeat;
    background-size: 38px 133px;
    height: 40px;
    background-position: 0px 39px;
    box-shadow: 0px 1px 3px;
    position: fixed;
    z-index: 1000;
}

.content {
    position: fixed;
    top: 41px;
    bottom: 0px;
    left: 150px;
    right: 0px;
    height:100%;
    max-height:100%;
    min-height:100px;
}
.one {
    width: 22%;
    min-width: 150px;
    float: left;
    background:red;
}

.two {
    width: 56%;
    min-width: 400px;
    min-height:100%;
    float: left;
    background:green;
}


.three {
    width: 22%;
    min-width: 150px;
    float: left;
    background:orange;
}

.column {
    height:100%;
    max-height:100%;
    min-height:100px;
    overflow-x: scroll;
}

.column .inner {
    padding-top: 10px;
}

.clear {
  clear:both;
  }

---

你考虑过使用Bootstrap的词缀吗？虽然它是JSi中的一个插件，但我不想使用第三方提供的完整内容。最好的方法是使用，它在移动设备上提供了最好的滚动性能。不过，您需要编写一些垫片才能在其他平台上工作。@xiaoyi谢谢，我将测试它too@xiaoyi原因是我读到的第一件事是你的浏览器不支持位置：粘性！！我不会用这个：）！