Javascript 固定模板边栏位置固定

我想将下面模板上的边栏更改为固定位置

是否可以不使用javascript而只使用css

---

PS：侧栏放置位置固定这不是一个选项，因为它改变了网站的整体结构，并且它们被放置在内容区域之外。

您可以使用位置：固定

.sidebar1, .sidebar2 {
    background: red;
    height:100%;
    width: 100px;
    top:0;
    padding-top:60px;
    **position:fixed;**
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
}

---

您可以使用位置：固定

.sidebar1, .sidebar2 {
    background: red;
    height:100%;
    width: 100px;
    top:0;
    padding-top:60px;
    **position:fixed;**
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
}

---

如果你不想在CSS或JavaScript中使用HTML的

溢出
属性。
如果你不想在CSS或JavaScript中使用HTML的
溢出
属性。
你想这样吗

你想这样吗

不，这会产生一些不必要的效果，因为它会将两个侧边栏放在内容区域之外。不，这会产生一些不必要的效果，因为它会将两个侧边栏放在内容区域之外