javascript - テンプレートのサイドバーの位置を修正しました

Question

次のテンプレートのサイドバーを固定位置に変更したいと思います。

javascriptを使用せずにcssのみを使用してそれを行うことは可能ですか？

テンプレートデモ

PS：サイドバードの位置を固定することは、サイトの構造全体を変更し、コンテンツ領域の外側に配置されるため、オプションではありません。

Answer 1

こうなりたい?? http://jsfiddle.net/kFBuD/1447/

overflow:hidden;

Answer 2

position:fixedを使用できます

.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;
}

Answer 3

overflowCSS や JavaScript で使用したくない場合は、HTML のプロパティを使用できます。