$(function() {
            var offset = $("#topbar").offset();
            var topPadding = 15;
            var bottomPadding = 15;
            $(window).scroll(function() {
                if ($(window).scrollTop() > offset.top) {
                
                    $("#topbar").attr("style",'margin-top: '+ ($(window).scrollTop() - offset.top) + 'px');
                        
                } else {
                  $("#topbar").attr("style",'margin-top: 0');
                  
                };
            });
        });
        
            /*
        $(function() {
            var offset = $("#topbar").offset();
            var topPadding = 15;
            var bottomPadding = 15;
            $(window).scroll(function() {
                if ($(window).scrollTop() > offset.top) {
                    $("#topbar").stop().animate({
                        marginTop: $(window).scrollTop() - offset.top + topPadding + bottomPadding
                    });
                } else {
                    $("#topbar").stop().animate({
                        marginTop: 0
                    });
                };
            });
        });
        */