javascript - 水平にスクロールするときに静的な Div を作成する

Question

水平ではなく垂直にスクロールする div を作成したい。これは、プロセスについてよく説明する画像です..

![ここに画像の説明を入力][1]

右側にスクロールしている間、Y軸を静的のままにしたい。これが私のHTMLコードです

 <div id="i">
    <div class="column">
     <div id="y_axis"></div>
       <div id="chart"></div>
    <div id="x_axis"></div>
     </div>

Div チャートはバーがある場所です。右にスクロールすると、グラフのみが右に移動し、Y 軸は移動しません。

CSS

 #chart {

        left: 40px;
        display: block;
float:right;
    }
    #y_axis {
        position:fixed;
        top: 14px;
        bottom: 0;
        width: 40px;
        background-image: url('../img/avg_price.PNG');
        background-repeat: no-repeat;
        background-position:center left;
float:right;


    }
    #x_axis {
        position: relative;
        left: 40px;
        height: 40px;
    }

yaxis 自体の位置を変更する Position relative を試してみましたが、機能しませんでした。ここで何をすべきですか？