I was just about to post this question. I've wondered for years why it's not like this. Just fyi, here's the quick script I use with CJS to solve this issue. Though it would be real nice if I didn't have to hack around like this ...
;;(function($) {
function z() {
var a = $(window).scrollTop(),
b = $(".topbar").height();
a > b ? ($(".topbar").css({ position: "fixed", top: 0, "z-index": 999 }), $("body > .container").css({ "margin-top": b }))
: ($(".topbar").css({ position: "", top: "", "z-index": "" }), $("body > .container").css({ "margin-top": "" }))
}
if (document.readyState == "complete") z();
else window.onload = z;
$(window).on("scroll", function(a) {
this.tmr && clearTimeout(this.tmr);
this.tmr = setTimeout(z, 10)
});
})(jQuery);
FYI, this works well since they use jQuery, thus helps make it a little easier ...
One Caveat: with CJS, you'll have to add it for each stack site. There are other script injectors that could help you avoid this, but i like the simplicity of cjs and the fact the code breakdown of it is extremely simple and lightweight. I even have my own version of it on home pc. It's about the lightest script injector you can get on chrome.
How to avoid caveat! ¡updated! 5/17/16
I made a dirty (quick & ez) Chrome Extension based on this code. It works on most all Stack Exchange sites. You can find the directory needed, along with simple instructions at this GitHub Post
Go and enjoy!