javascript - div の高さを動的に変更するにはどうすればよいですか?

Question

私は<div id="right_side_bar">cssを持っています:

#right_side_bar{
margin-top:38px;
    width:272px;
    margin-left:722px;
    background-color:#FFF;
    padding-bottom:20px;
    overflow-y:scroll;
}

スタックで同様の質問を見ましたが、常にウィンドウの 100% になるように right_side_bar の高さを変更する方法がわかりません。ページの残りの部分と一緒にスクロールしないように修正してください。しかし、div自体がスクロール可能な場合、Gawker.comが行う方法とまったく同じです。

Answer 1

それは簡単です：

#right_side_bar {
    position: fixed;
    top: 38px;
    bottom: 20px;
    background-color: white;
    overflow-y: scroll;
    width: 272px;
}