Javascript - 获取div高度并以负像素应用

Question

我试图在来自变量

的div上应用负像素

window.onscroll = function() {
var navBar = document.querySelector(".navBar");
var headerHeight = document.querySelector(".headerContainer").offsetHeight;
if ( window.pageYOffset > 100 ) {
    navBar.style.top = headerHeight + "px";
} else {
    navBar.style.top = "0px";
}
}

基本上，我有一个固定的导航栏，我想在滚动时将一些内联样式应用于 .navBar 类，如果查看代码，你可以看到我得到了。 headerContainer 高度并应用navBar上的像素，但我想应用负像素，例如如果headerHeight为100px，我想应用-100px。

它在jQuery中很容易，但我不能在纯粹的javascript，Big newbie here :)中找到它。