TL; DR: Вот скрипка, нажмите или прокрутите, чтобы увидеть ошибку:http://jsfiddle.net/Tetaxa/6cC9w/

У меня есть страница с двумя столбцами, справа - прикрепленный div (панель инструментов), а слева - некоторый контент. Это прекрасно работает, когда содержание выше, чем на панели инструментов. Однако, когда панель инструментов выше, я получаю странное поведение. При прокрутке и щелчке включенное состояние панели инструментов переключается, и содержимое сворачивается.

Вот соответствующий HTML:

<div class="row">
    <div class="col-xs-8">
    <p>Lorem ipsum dolor</p>
    </div>
    <div class="col-xs-4">
        <div class="affixed-div">
            Affixed
        </div>
    </div>
</div>

Вот мой JavaScript. Нижняя часть рассчитана на то, чтобы панель инструментов не проходила над нижним содержимым.

var div = $('.affixed-div');
var row = div.closest('.row');

div.affix({
    offset: {
        bottom: $(document).height() - row.offset().top - row.height(),
        top: div.offset().top
    }
});

А вот и пользовательские CSS:

.affix {
    top: 0;
}

.affix-bottom {
    position: relative;
}

Я что-то здесь не так делаю? Это ошибка или работает как задумано? Нужно ли вручную проверять высоту строки и прикреплять панель инструментов только в том случае, если содержание выше или есть лучший способ избежать этого? Должен ли я подать отчет об ошибке?