Прокрутка

[swear0]

Есть шапка, левая картинка (не должна прокручиваться при прокрутке контента), подвал.

Шапка и левая картинка при прокрутке остаются на месте. В конце страницы когда контент кончился и подвал уже идет необходимо чтобы картинка вместе с подвалом прокручивалась.

 

<div class="top-head"></div>
<div class="container_main container-fluid">
  <div class="container"></div>
</div>
<div class="footer"></div>

.top-head {
    position: fixed;
    z-index: 100;
}
.container_main {
    background: #fff url("../img/reviews/reviews_bg.jpg") no-repeat fixed center 55px;
}
.footer {
    background: rgba(0, 0, 0, 0) url("../img/footer-bg.jpg") no-repeat scroll 0 0;
    color: #fff;
    font-family: "Open Sans",sans-serif;
    font-size: 18px;
    padding-bottom: 50px;
    padding-top: 65px;
}

 

 

Edited May 22, 2017 by swear0

[Endorphin]

А можно как то реальный пример глянуть?