Не получается настроить affix плагин

[rusbolik]

Никак не могу остановить действие плагина перед footer.
Всё вроде по инструкции сделал
Преста 1.6.1 дефолтный шаблон

Код: [Выделить]

<script>
// #myAffix - идентификатор элемента к которому необходимо
// добавить Affix
$('#sidebar').affix({
  // установка смещений с помощью параметра offset
  offset: {
    top: 100,
bottom: function () {
      // возвращает значение высоты
      // элемента веб-страницы с классом .footer
      return (this.bottom = $('.footer-container').outerHeight(true))
    }
  }
})
</script>
подскажите пожалуйста, что не так

[PrestaMan]

{literal}
...
{/literal}

[rusbolik]

Это стоит
Сам плагин работает.
DIV прилипает.
Но div накатывается на footer, а должен остановится перед .footer-container

[Mr.Sen]

Можно использовать фиксированную величину, например 200px

Код: [Выделить]

offset: {
    top: 100,
    bottom: 200Кроме этого необходимо прописать стили, нужно для того, чтобы когда affix блок будет достигал bottom он останавливался на заданной точке.

Код: [Выделить]

position: absolute;

[rusbolik]

Можно использовать фиксированную величину, например 200px

Код: [Выделить]

offset: {
    top: 100,
    bottom: 200Кроме этого необходимо прописать стили, нужно для того, чтобы когда affix блок будет достигал bottom он останавливался на заданной точке.

Код: [Выделить]

position: absolute;

position:fixed задаёт сам плагин при начале прокрутки. При absolute блоки улетают в начало и не плавают. я Пробовал так

[Mr.Sen]

Видел еще вот такое решение

Код: [Выделить]

var headerHeight = $('header').outerHeight(true); // true value, adds margins to the total height
var footerHeight = $('footer').innerHeight();
$('#account-overview-container').affix({
    offset: {
        top: headerHeight,
        bottom: footerHeight
    }
}).on('affix.bs.affix', function () { // before affix
    $(this).css({
        /*'top': headerHeight,*/    // for fixed height
            'width': $(this).outerWidth()  // variable widths
    });
}).on('affix-bottom.bs.affix', function () { // before affix-bottom
    $(this).css('bottom', 'auto'); // THIS is what makes the jumping
});

[rusbolik]

Видел еще вот такое решение

Код: [Выделить]

var headerHeight = $('header').outerHeight(true); // true value, adds margins to the total height
var footerHeight = $('footer').innerHeight();
$('#account-overview-container').affix({
    offset: {
        top: headerHeight,
        bottom: footerHeight
    }
}).on('affix.bs.affix', function () { // before affix
    $(this).css({
        /*'top': headerHeight,*/    // for fixed height
            'width': $(this).outerWidth()  // variable widths
    });
}).on('affix-bottom.bs.affix', function () { // before affix-bottom
    $(this).css('bottom', 'auto'); // THIS is what makes the jumping
});

Да останавливается, спасибо большое, однако потом резко плавающий div улетает на верх и больше не срабатывает.
Видимо я что то намудрил с разметкой и стилями