Как сделать чтобы блок с с фиксированым позиционированием не наезжал на футер?

Question

[Martyer]

Здравствуйте.
Собственно весь вопрос я описал в названии, вот пример.
Можно js решение, буду благодарен любой помощи.

Answer 1

[Григорий]

Попробуйте webpop.github.io/jquery.pin
Надо left и right обернуть, а потом поставить

$(".left").pin({
      containerSelector: ".container"
})

Comments

[Martyer]

большое спасибо, сейчас буду пробовать)

Answer 2

[oleg_drozdov]

Если нормально знакомы с JS, то можно отслеживать высоту скролла, и в положении, когда блок уже возле футера, менять позицию блока

Comments

[Martyer]

начинающий в этом деле, таких вещей пока не умаю)

Answer 3

[Евгений]

Быть может стоит указать у перекрывающего блока:
z-index: 100;
А у футера к примеру:

position: relative;
z-index: 1000;

Тогда этот элемент будет позади футера и не будет его перекрывать

Comments

[Martyer]

перекрывающий блок итак имеет z-index меньше и как бы уезжает под футер, но выглядит не очень, нужно чтобы он тормозил перед футером.)