Плавающая боковая панель с jQuery

Question

Я пытаюсь написать код для плавающей боковой панели. Что это означает, когда значение боковой границы offset.top достигает определенного расстояния, оно превращается в positon: fixed.

Я создал jsFiddle с демо, это полная ссылка экрана: http://jsfiddle.net/peduarte/Qcftp/show

А вот ссылка с кодами: http://jsfiddle.net/peduarte/Qcftp/

Так что на данный момент, все работает нормально. Но я сделал нижний колонтитул действительно большим (специально), и теперь, что я пытаюсь сделать, вычислить offset.bottom. Но, к моему удивлению, такого не бывает.

Как я могу это сделать?

Если вы посмотрите демонстрацию, вы увидите, что боковая панель перекрывает нижний колонтитул.

Мне нужно удалить position: fixed, когда он уже близко ...

Спасибо заранее.

Answer 1

Если вы хотите боковую панель, чтобы остановить, когда он достигает нижний колонтитул вы можете проверить, если текущее положение на боковой панели + высоту боковой панели больше, чем в верхней части колонтитула:

($("aside").position().top + $("aside").outerHeight() > $("footer").position().top) { 
    // handle situation 
} 

Answer 2

"offset.bottom" is offset.top + $(element).outerHeight().