Affix Bottom在页面加载后出现问题

Question

这是我的affix脚本。一切正常，但当词缀获得affix-bottom课程并刷新页面时affix-bottom会出现问题，刷新后它无法获得正确的位置。 你能给我解决方案吗？

var
navbarHeight        = $('.navbar').outerHeight(true),
informationHeader   = $('.informationHeader').outerHeight(true),
informationList     = $('.informationList .item').outerHeight(true),
footerHeight        = $('footer').outerHeight(true);

$('#nav-affix').affix({
    offset: {
        top: function () {
            return (this.top = navbarHeight + informationHeader + informationList - 30);
        },
        bottom: function () {
            return (this.bottom = footerHeight + 2);
        }
    }
});

以下是链接：http://bagrattam.com/website/terms.html