Липкий блок на JS проблема

Всем доброго времени суток.
Хочу прикрутить следующий скрипт для фиксации блоков.

$(window).scroll(function() {
var sb_m = 80; /* отступ сверху и снизу */
var mb = 300; /* высота подвала с запасом */
var st = $(window).scrollTop();
var sb = $(".loginform");
var sbi = $(".loginform #loginform");
var sb_ot = sb.offset().top;
var sbi_ot = sbi.offset().top;
var sb_h = sb.height();

if(sb_h + $(document).scrollTop() + sb_m + mb < $(document).height()) {
    if(st > sb_ot) {
        var h = Math.round(st - sb_ot) + sb_m;
        sb.css({"paddingTop" : h});
    }
    else {
        sb.css({"paddingTop" : 0});
    }
}

на голом HTML работает прекрасно

Добавляю на на живой сайт — появляется какой-то бесконечный скрол.
Обратила внимание, что такой «бесконечный скрол» появляется если добавить какой нибудь элемент в подвал,
в данном случае добавлены текстовые виджеты.
Пожалуйста подскажите что я не так сделала?

Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]